Webデザイン

デザインの参考になる！落ち着いたカラースキームが使われているページレイアウトやUIのPSD素材のまとめ

2014/11/14(Fri) 07:51

サークルやダイヤモンドのエレメント、半透明のパネル、ソリッドなライン、同一色相のグラデーションなど、最近のWebトレンドを使い細部までしっかりと作り込まれたコーポレートサイト、ポートフォリオ、ランディングページなどのページレイアウトやUIキットが揃ったPSD素材を紹介します。

http://coliss.com/articles/freebies/freebies-psd-page-layout-and-ui-2014-fall.html

透過PNG/GIF画像を大幅に軽量化！SVG画像に変換する無料のオンラインサービス -ZorroSVG

2014/11/05(Wed) 07:46

透過PNGは素晴らしいフォーマットですが、そのファイルサイズもなかなかのものです。透過PNGや透過GIF画像をSVG画像に変換し、JPEG圧縮・品質で軽量化するオンラインサービスを紹介します。

http://coliss.com/articles/web-services/online-transparent-png-to-svg-zorrosvg.html

デザインセンスが上がった！レイアウトに詳しくなるまとめ

2014/10/28(Tue) 07:53

どうすれば初心者でも「分かりやすく見栄えのするレイアウト」を作ることが出来るのか。余白の使い方や知識、さまざまなレイアウトの例をご紹介させていただきます。

http://commte.net/blog/archives/4799

信頼されるコンテンツを作るための4つのやり方

2014/10/28(Tue) 07:52

十分な信頼性を築けないと、デジタルマーケティングは失敗する ―― SEO担当者にとっては、特にそうだ

http://web-tan.forum.impressrd.jp/e/2014/10/27/18530

ウェブデザインの8つの法則

2014/10/28(Tue) 07:51

ウェブサイトのデザインは、コンバージョンにとって、思っている以上に重要である。世界中のありとあらゆるコンバージョンを改善する手法を実行することは可能だが、サイトのデザインが劣悪なら、大した効果は期待できない。

http://www.seojapan.com/blog/8-web-design-rules

黄金比や三分割など、レイアウトや写真の構図確認に使えるPhotoshopのカスタムシェイプが便利！

2014/10/24(Fri) 08:01

黄金比、黄金螺旋、1/3ルール、L字など、レイアウトや写真の構図に重要なパスを簡単に描けるPhotoshopのカスタムシェイプを紹介します。

http://coliss.com/articles/build-websites/operation/design/photoshop-custom-shape-composition-guides.html

新鮮なアイデアが満載！アニメーションやスクロールを使った実装テクニックのまとめ

2014/10/22(Wed) 07:38

見るだけでワクワクする、そんな素晴らしいアイデアが満載のアニメーションやスクロールを使った実装テクニックをCodePenから紹介します。

http://coliss.com/articles/build-websites/operation/work/awesome-web-techniques-in-2014-fall.html

Illustratorでオリジナルの消しゴムハンコ風デザインを作成しよう

2014/10/21(Tue) 07:52

可愛らしいデザインと相性バツグンの消しゴムハンコ風のデザインをIllustratorで作る方法をご紹介したいと思います。

http://liginc.co.jp/web/design/photoshop/119426

WEBサイトでユーザーを混乱させないために使えるかもしれない心理学

2014/10/20(Mon) 07:55

中央の文字が「13」にも「B」にも読むことができる図があります。また、その他にも、アヒルのようで、うさぎのような図や、トランペットを吹いているようで、女性でもあるものなどとても混乱しやすいものがあります。

http://web-tan.forum.impressrd.jp/u/2014/10/17/18473

分かるとWebデザインがもっと楽しくなる！考えてデザインする力が身につくオススメの書

2014/10/20(Mon) 07:54

何も考えずにPhotoshopやIllustratorを立ち上げ、デザイン作業に入ってしまうのは悪いクセ。ユーザーをワクワクさせるデザインとはなにか？　この情報を分かりやすく伝えるデザインとはなにか？　クライアントの要望に応えるデザインとはなにか？　考えてデザインする力が身につくオススメの本を紹介します。

http://coliss.com/articles/book-review/isbn10-4797376228.html