とあるweb屋の仕事術

10年以上現役のweb製作屋さん。web製作雑務全部やる。

デザインのインスピレーションに。WebサイトやUIのデザイン・レイアウトに悩んだら参考にしたい記事と書籍

デザインのインスピレーションに。WebサイトやUIのデザイン・レイアウトに悩んだら参考にしたい記事と書籍

UIやレイアウトに悩んだときの

アイデア出し、インスピレーションに

いい記事と書籍を紹介します。

 

Webサイトであれば、

競合サイトや類似サイトを

見たりWebデザインギャラリーサイト

見るのが具体的で参考になりますが、

ワイヤーレベルで配置のアイデアを

サクっと確認できるレイアウト集です。

 

 

まずはこちら。良記事です。

メインビジュアルの構図の例です。

note.mu

メインビジュアルの構図が

一覧でまとめている記事です。

まとめらている構図は

全部で70サイト分。

 

 

これだけあれば最適な

メインビジュアルのデザインの

インスピレーションが得られ、

またレイアウトの勉強にもなります。

メインビジュアルの構図は、

いくつかのパターンに分けられると

まとめられていて、

デザインの引き出しを増やすのにも

一役買ってくれそうな記事です。

 

 

 

次は書籍の紹介です。

Webサイトに限ったものではないのですが、

1000パターンのデザインカタログです。 

レイアウト・デザインのアイデアカタログ1000

レイアウト・デザインのアイデアカタログ1000

  • 作者: 櫻井和枝,杉江耕平,田中クミコ,ハラヒロシ,ハヤシアキコ,ヤマダジュンヤ
  • 出版社/メーカー: 翔泳社
  • 発売日: 2009/11/28
  • メディア: 大型本
  • 購入: 1人 クリック: 26回
  • この商品を含むブログ (6件) を見る
 

 

サクッと流し見するだけで

アイデアがでてきそうです。

中身を一部キャプチャーで紹介。

レイアウト・デザインのアイデアカタログ1000の中身の一部です

レイアウト・デザインのアイデアカタログ1000の中身の一部

(画像:https://www.amazon.co.jp/gp/product/4798120464 よりスクショ)

 

雑誌・書籍、パンフレット・冊子、

チラシ・ポスター、名刺・カード・DM、

ポップや飲食店のメニュー

などなどいろいろなデザインの

レイアウトパターンがまとめられています。

Webサイトのレイアウトではないですが、

要素の配置のアイデアになることは

間違いありません。

 

電子書籍版がないのが残念ですが、

手元においておきたい一冊です。