だれもがスマホからウェブサイトを閲覧するようにになったいま、あらゆる端末からでも見やすいサイトづくりが当たり前になっています。 この時に必要になるのが、レスポンシブWebサイトの制作です。 しかし、デスクトップやタブレット、スマホ用のレイアウトを個別に調整するとなると、「Web制作に時間がかかってしまう」と悩んでしまうひとも多いかもしれません。 あらかじめデザインやレイアウトが施されたテンプレートを利用することで、Webサイト制作を効率的に進めることができます。 今回は、商用利用できて無料ダウンロードできるHTML・Figmaテンプレートを公開しているTemplates Jungleをご紹介します。 ライセンスについて 素材を公開しているTemplates Jungleでは、HTMLとFigma用でライセンスが異なるため、注意が必要です。 HTMLテンプレートは、フッターに表示してあるクレ

私たちヘルスケアテクノロジーズは、 この国の健康と安心を守るチームの一員として誰もが未来に希望を持てる社会の実現に向けた新しいアプローチを続けていきます。

2022年1月の最近見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 優れたWebデザインに触れることによって、トレンドのデザインを知ることができたり、デザインのヒントを見つかったりするなど、様々なメリットがあります。ぜひ自身の好みに合うような素晴らしいWebサイトを探してみてください。 Webデザインのおすすめギャラリーサイト23個まとめ【2022年最新】 様々なインスピレーションを与えてくれるデザインの優れたWebサイトをチェックするには、国内、海外の最新Webサイトの情報が日々更新されているWebデザインのギャラリーサイトがおすすめです。 ギャラリー... Web Design Trends 2022年に流行するWebデザインの最新トレンド10個まとめ 2021年のミニマリズムを中心としたトレンドが注目されていましたが、2022年は鮮やかで、奇抜で、記憶に強く残

2021年のミニマリズムを中心としたトレンドが注目されていましたが、2022年は鮮やかで、奇抜で、記憶に強く残るようなデザインを中心としたトレンドが注目されています。 今回は、2022年に流行するWebデザインの10個の最新トレンド予測をご紹介したいと思います。1つ1つのトレンドごとに実際のWebサイトの事例を掲載しているので、ぜひご自身で体験してみてください。 1. 3Dイラスト 3Dのイラストを使ったデザインは、2021年の大きなトレンドの1つとなりましたが、2022年はさらに注目すべきトレンドの1つとなるでしょう。特に2Dのフラットなイラストを3Dに変化させたような、2Dと3Dを組み合わせたスタイルは要チェックです。 リアルで魅力的な楽しいイラストに、柔らかなキャンディーカラーと組み合わせたようなスタイルは、特にアプリのデザインなどでトップトレンドになると考えています。 Dribbb

なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】UXUIDesignUIデザイン画面設計 1.はじめに エンジニアの私がデザインを本気で勉強した結果、デザイナーとエンジニアはそもそも思考が大きく違っているということがわかりました。 今回は「それ」をデザインに苦手意識のあるエンジニア方にも理解してもらえたらと思い、わかりやすくまとめてみました。 2.アプリの画面デザインを考えてみよう まず、こんなアプリを考えてみてください。 フィットネストレーナーが使うアプリ トレーニングルームでお客様とお話しながら使う 端末はタブレット そして 会員の個人情報確認 前回までのトレーニング状況の確認 次回の予約受付 といったことをします。 使える情報としては、こんな感じです。 あなたならどう画面デザインをするか、もしお時間があったら考えてみてください。

豊かな暮らしを実現するための 頼れる伴走者として お客様に常に寄り添い、お客様の将来のビジョンに沿った、資産運用、資産保全、お金に関する問題全体に対し的確なソリューションを提供いたします。

弁護士ドットコムでは、弱視（ロービジョン）の方をお呼びしてユーザーテストを実施しました。前回の記事では、テストを振り返りながら、その対応方法について検討しました。 そして今回は、実際に弁護士ドットコムがどう対応したのかをご紹介します。 弁護士ドットコムが選んだ道前回の振り返り会では、対応の方向として「ブランドカラーを見直すか」「あるいは最低限の箇所だけ色を変更するか」という選択肢が挙げられました。ブランドカラーの見直しが望ましいものの、これは影響範囲が大きく、サイト全体はもちろん、Webの外にまで影響が及びます。簡単には実行できません。 しかし結論としては、弁護士ドットコムはブランドカラーを見直す方向に舵を切りました。 その経緯をお話しする前に、弁護士ドットコムについて少しおさらいしておきます。弁護士ドットコムは、「弁護士をもっと身近に」というコンセプトで、弁護士と相談者をつなぐ場を提供す

企業の力で放課後に ソーシャルイノベーションを！ ソーシャルデザイン事業Social Design 詳しく見る 自治体の皆様へFor Government 詳しく見る ©Nagisa Kamiya 採用ページを見る ©Natsuki Yasuda 特設サイトを見る ©Natsuki Yasuda

About motto mottoとは こどものうちに体験・経験したことが、将来につながることが多々あります。 「これからは好きなことを専門的に伸ばし、個々が得意分野を持つことが求められていく」 といわれる現代で、小さいうちにアートの楽しさに出会ってほしい。 その機会づくりのために、mottoは誕生しました。

"毎月変わる100種以上のおやつ"から、食べきりサイズ(約20-30g)で8つお届けします。 全てのおやつが、人工甘味料、合成香料、合成保存料や漂白剤など不使用。ナチュラル素材のみからできています。 取り扱いおやつカテゴリ一覧

総合 テクノロジー・ガジェット フード・飲食店 プロダクト ファッション 音楽 ゲーム・サービス開発 映像・映画 スポーツ まちづくり・地域活性化

この記事では、これから2021年に注目したいWebデザインの人気トレンド9個をピックアップしています。 2021年のウェブデザインの傾向としては、どれも共通のテーマがあるように見えます。ハイテクなファンタジー感を目指すのではなく、よりリアルさを求めた新しいジャンルに世界中のウェブデザイナーが注目し始めています。 2021年のWebデザインは、これまでにないほどデジタルと日常を融合する方向に向かっており、普段の生活においてWebサイトが不可欠になってきていることを、反映しているのかもしれません。 よりクリエイティブなデザインを表現できるテクニックを、たくさんのデザイン事例と一緒にご紹介です。 コンテンツ目次 1. パララックス・アニメーション 2. ニューモーフィズム 3. アブストラクト・アート 4. 目にやさしい配色 5. 原因のためのウェブサイト 6. スクロール遷移 7. プロダクト

200+ DESIGN behindsCocodaは、デザインの裏側をまとめた事例集です。 日本を代表するデザイン組織から、200以上の事例が公開されています。 CONTENTS デザインの裏側をまとめた 200以上の事例ブランドから、プロダクト設計、デザイン組織の立ち上げ...。様々なデザイン領域の深い事例が、日本で最高峰のデザイン組織によって掲載されています。 RECOMMEND あなたの興味に合わせて デザイン事例をおすすめあなたの興味に合わせて、豊富なデザイン事例の中から ピッタリなコンテンツをおすすめします。 MY LIST 自分好みのリストに まとめるコンテンツの中でぴったりなものを見つけたら、あなただけのリストを作って、いつでも見返すことができます。 GET STARTED さっそくはじめる

どうも。 最近エンジニアからデザイナーになったものです。 最近UIデザイナーになってUIデザインの情報源って意外とまとまってないなと思ったので、個人的によく参考にする情報源をまとめました。 ここに載ってないやつでおすすめの情報源あればコメントとかで教えてください。 OSガイドライン OSのデザインガイドラインはUIデザイナーだったら必ず読んでますよね。 Material Design デザインシステム的な話から装飾、カラーツールなどデザインに必要な話がとてもたくさん詰め込まれているためデザイン学習の教材として非常に優秀です。コンポーネントもユースケースやスペックまできちんと網羅されていて参考になるし、金と手間隙かかってるなあと思います。 Blogもあり、更新頻度は高くないですが面白い記事が多いのでたまに読んでいます。 Human Interface Guidelines こちらはApple

900ライセンスApache License 2.0Noto Sans CJK の配信サービス(余談)Google Fonts : Early Accessでウェブフォントとして配信されている。　 Noto Sans Japanese (Japanese) ただフルサイズなので 16MB ぐらいある。さすがに、このサイズは現実的ではない（動作確認には良いかも）。 @import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css); Noto Sans CJK JP を入手するGoogle Noto Fonts からダウンロードする。 言語ごとにフォントが分けられているので「Noto Sans CJK JP」を選択してダウンロード。 zip 形式で圧縮されているので解凍すると、それぞれの形式のフォントファイルが入

Webサイト上の要素に背景を表示したい場合、シンプルに画像で表示する形が一般的ですが、CSSを使って背景パターンを表示するという方法もあります。 ドット柄やチェック模様、ストライプなど色々な種類の背景パターンをCSSだけで作ることができ、使い方を覚えておくとWebデザインに色々と活用することができます。 今回は、CSSだけで背景パターンや模様を表示するメリットや、様々なサンプルコードが掲載されているおすすめのサイトをご紹介したいと想います。 CSSで背景パターンを作るメリット Webページ上の要素に背景を適用する場合、一般的には画像ファイルを用意してbackground-imageプロパティに指定することが多いですが、CSSだけでも様々な背景パターンや模様を作ることができます。 画像ではなくCSSで背景パターンを作った場合のメリットとして、例えば次のようなものが挙げられます。 背景画像を書

さくら製作所のサイトリニューアル徹底解説～ワインセラーの知識が身につくウェブサイトが事業拡大につながる理由 2023.06.22 web制作 コンテンツマーケティング ブランディング 事例紹介

病気や障がいのために、人工呼吸器や酸素吸入などの医療的ケアを、常に必要とする子どもたちがいます。 医療的ケアができるのは、看護師などの医療職のほかは、家族だけ。 そのため多くの場合、病院を退院したら、家族が24時間、片時も離れることなく子どもの側に付き添っています。 2016年、にこりは医療の必要な子どもたちと家族の在宅生活を支えるために生まれました。 医療や福祉の枠組みにとらわれず、子どもたちと家族の小さな願いを叶え、 いっぱい笑って、遊べる。そんな毎日を当たり前に暮らすための支援を続けています。