作成:2016/02/29更新:2016/06/29Webデザイン今年の頭にWeb制作に必要な知識が一通り学べるベスト記事9選をまとめましたが、今回はWebデザイン版をコムテブログの中から厳選してピックアップしました。Webデザインに必要な基本知識をサラッと知りたいときに。Link演出を学びたいレイアウトはユーザーが目的を達成させるために必要な設計。情報・環境に応じてレイアウトを組み立てていきます。上質さ・静寂さ・親しみやすさなど雰囲気や演出を学ぶならこの記事。オシャレなレイアウトやユーザーが使いやすい配置を実現するために知っておきたい知識を、国産サイトを例にあげながら解説。クライアントの要望に合わせてアイデアを出したいとき、レイアウトで困った時に読んでおきたい記事。配色や文字の使い方を学びたい書体の選択や使い方、余白の取り方で、印象や読みやすさが決まってしまう。配色の知識はコンテンツを分かりやすく伝え、心理的効果や意味を持たせるために必要。印刷と色の知識、書体の使い方、文字の行間を揃える方法などタイポグラフィに関すること。可読性と視認性の高め方など、文章を読みやすくする上でとても参考になる記事。した工夫でコンテンツが生まれ変わる。レイアウトやタイポグラフィに関する記事フォントや「文字」に関するまとめサイトのページや職種ごとに学ぶ404ページや採用ページで、どういった演出をすればよいのか。職業別のレイアウト例を知りたいときなど。そのページやサイトに合ったレイアウトを構築するため、どういったことに注意するとよいのか。コーポレートサイトやECサイト・自社サービスのデザイン考えるとき、提案前に一度は見ておきたいまとめ。タイプ別に分けたWebデザインの参考になるサイトまとめ構図や余白を学びたい何もない空間に美しく要素を配置していくために、何に気をつければよいのか。主役を目立たせるにはどうすればよいのか。紙面や画面・絵画などにおけるページ全体の構成の型、パーツの配置から学べる余白の使い方や知識、さまざまなレイアウトの例。レイアウトに詳しくなるまとめUX・UI・IAの違いを知りたい情報を分かりやすく伝えるために、どういうふうにサイト全体を設計すればよいのか。ユーザーに楽しんでもらうために何をすべきか知りたいとき。サイト制作やサービス・アプリを作成する前の段階で知っておきたいUX・UI・IAの知識。UX・UI・IAやアクセシビリティの「専門知識」が増えるまとめワイヤーやデザインカンプを効率的に作るSketchの使い方。画像を中心からぼかしたり整列させたり、パスに文字をのせるトリッキーな方法の他、複数のオブジェクトに共通のスタイルを適用する方法など。Sketchを使い始めたときに。今どきのプロトタイピングツールはこの辺をチェックするとOK。POPUXPinInVisionProttAtomic提案前にスマホギャラリーをチェックしたい既存サイトをスマホ対応にして欲しいという依頼もあるかと思います。スマホサイトのデザインを依頼されたときに、スムーズに提案に結びつけられるように普段から新しいデザインや動きをチェックしておきたい。そんなときはこちらのギャラリーから。最新の海外情報を素早く知りたい書籍では追えないようなトレンドや海外Webデザインの知識を拾うためにおさえておくべき海外RSSフィード総まとめ。自分が情報発信源となるために知っておきたい。投稿者:commte株式会社コムテ代表取締役。2015/8:弊社にてWeb制作スクールを開始。した話し方をするおっさん。この後によく読まれている記事2014/06/30センス上がった!タイプ別に分けたWebデザインの参考になるサイトまとめサイトのデザインセンス、または操作性などが良いのか悪いのかわからない。今回はシーンごとに使えるように、無料フォントをジャンル分けしました。不規則な円を取り入れたい時に。デザインカンプなどに使える、Photoshopで不規則な円を作る方法。簡単ですぐ使えるのでメモしておきますね。不規則な円の作り方2016/04/11さりげなく使える、Webデザインの参考になるサイト集ありふれた当たり障り無いレイアウトではなくて、ほんの少しでも印象に残るレイアウトを作りたい。デザイン考えるとき、提案前に一度は見ておきたいまとめ。コメントデータの処理方法の詳細はこちらをご覧ください。