ビジュアルデザインに必要な10の基本原則まとめ

2017年6月19日

  ビジュアルデザインを学ぶうえでもっとも基本的なルール、原則10個を、現役ビジュアルデザイナーの José Torre が詳しく紹介し...

ウェブ考察

341

Bootstrap 4 の新機能を徹底比較！Flexbox と通常グリッドの使い方まとめ

2016年11月25日

  Bootstrap 4 では慣れ親しんだグリッドシステムに変更が加えられました。より大きな画面サイズに対応する XL グリッドが...

ウェブデザイン

318

デザイナー顔負け！写真加工がうまくなる、10個の簡単テクニックまとめ

2016年5月10日

  海外デザインブログ Canva Design School で公開された「10 Simple Ways To Enhance You...

ウェブ考察

495

グリッドって万能！デザインがグンと良くなる15の理由まとめ

2015年11月9日

    海外デザインブログCanva Design School Blogで公開された「15 Reasons Why A...

ウェブ考察

6138

本格的なロゴデザインを完成させる！ロゴグリッドの使い方と注意点まとめ

2015年8月31日

  海外デザインブログDesignShackで公開された「What’s a Logo Grid, and Why Should You ...

ウェブ考察

702

動きのあるグリッドレイアウトWebデザイン40個 + 無料プラグイン6個まとめ

2012年11月20日

  海外デザインブログDJDesignerLab.comで、ユニークなグリッドレイアウトを使ったWebサイトデザイン40個をまとめたエントリー「...

ウェブデザインウェブデザインまとめ

251

グリッド＆レスポンシブデザインの組合わせ、ユニークなWordPressテーマ素材30個まとめ

2012年8月8日

  Webサイトやブログなどで、コンテンツを分かりやすく、見やすく表示する方法のひとつとして、垂直/水平方向に分割するガイドラインを使ったグリッ...

WordPressその他まとめ

77

デザイン配色のお手本、色使いのきれいなWebサイト27個まとめ

2011年9月28日

  Webサイトの印象に大きな影響を与える「配色」、色による具体的なイメージの違いについても以前触れています。 そうは言ってもなかなか難しい色...

ウェブデザインウェブデザインまとめ

48

Webレイアウトデザインの参考にしたいPhotoshopチュートリアル25個まとめ（+サンプルPSD素材）

2011年7月26日

  Webサイトを制作するときにPhotoshopを利用するひとは多いのではないでしょうか。   海外デザインブログSix Rev...

チュートリアルまとめ

295

グリッドラインを利用してデザインされたすっきりとしたウェブサイトデザイン40個まとめ

2010年12月6日

    多くのウェブサイトやブログなどで取り入れられているトレンドのひとつでもるグリッドラインを利用したウェブデザイン。 たくさんのデザインパーツをすっ...

ウェブデザインウェブデザインまとめ

38

グリッドラインをボタンひとつで作成するPhotoshop用アクションファイル

2010年6月24日

  ウェブデザイン制作を行うときにどのような手順で行いますか。 まずグリッドラインをデザインしてからデザインパーツを組み立てていく方も多いのではないでし...

PSアクションダウンロード - その他

33

グリッドを使ったウェブレイアウトのデザイン方法＆具体的サンプル

2010年3月27日

いくつかの有名ホームページ、ウェブサイトを見てみると、どれも細かいところまで作り込まれたデザインとなっていませんか。 どのサイトもグリッドを使ってレイアウ...

ウェブデザインウェブデザインまとめ

264

(海外記事) フォトショップでオシャレな企業用ウェブサイトをデザインする方法

2010年2月16日

  ↑　クリックすると拡大原寸表示されます。   今回はフォトショップを使って、シンプルでオシャレな企業用ウェブレイアウトをデザイ...

Webレイアウトチュートリアル

51