Webデザイン

デザイナーが覚えておきたい、ビジュアルコミュニケーションの基本原則10個まとめ

2015/07/17(Fri) 07:58

配色の決め方にはじまり、タイポグラフィやシェイプ、直線ラインの使い方、機能的な階層の作り方、余白スペースの取り方など、デザインに必要な基本事項がまとめられています。

http://photoshopvip.net/archives/79711

入力フォームの「クリア」「キャンセル」ボタンは外せ！ そんな機能は必要ない／15か条の11

2015/07/16(Thu) 07:45

エントリーフォームではクリアボタンとキャンセルボタンは入力フォームから外し、少なくともユーザーが離脱するまで入力した内容を保持する方法を解説します。

http://web-tan.forum.impressrd.jp/e/2015/07/10/17006

Web制作の参考になる！サイトマップやハイレベルサイトマップ、フローチャートなどのまとめ

2015/07/15(Wed) 07:50

他の人のサイトマップやフローチャートってなかなか見る機会がありませんよね。そんな時は世界中のクリエイターが集まるDribbbleです。Dribbbleからサイトマップやハイレベルサイトマップ、フローチャートを紹介します。

http://coliss.com/articles/build-websites/operation/work/awesome-sitemap-and-flowchart.html

デザインに迷ったら見直したい、50個の秘訣テクニック完全ガイド

2015/07/14(Tue) 07:52

デザイナーは、フォントや色使い、イメージ写真、グラフィックデザインを利用することで、ユーザーを惹きつけるストーリーを描きます。作家が物語を考えるときに、いくつかのコツやテクニックがあるように、デザイナーにもうまくメッセージを引き出す秘訣があります。

http://photoshopvip.net/archives/79535

デザインのこつが分かる！確実に身につけておきたいプロ直伝の50のデザインテクニック -Pro Design Tips

2015/07/13(Mon) 07:55

グラフィック、タイポグラフィ、カラー、エフェクト、要素の構造、配置など、デザインのスキルアップに役立つ50のデザインテクニックを紹介します。

http://coliss.com/articles/build-websites/operation/design/professional-design-tips-by-canva.html

psychology | Skan

2015/07/10(Fri) 08:00

WEBサイトで使えるかもしれない心理学

http://skan.in/tag/psychology/

アップルとグーグルのガイドラインに学ぶスマホWebデザインの要点（スライド付）

2015/07/08(Wed) 08:01

スマートフォン対応させるWebサイトが急増しています。しかし、スクリーンが小さくタッチ操作がメインのスマートフォンでは、デスクトップ向けWebサイトのデザインで培ったノウハウの多くが通用しません。

http://baigie.me/sogitani/2015/07/apple-google-design-guideline/

目を引くアイキャッチ画像の作り方、50の作成事例とデザインのアドバイス

2015/07/08(Wed) 07:54

あなたのブランドを魅力的に見せるアイキャッチ画像は、非常に大切です。どんなカラーパレットを使うか、どんなタイプのイメージを選ぶか、どんなフォントが一緒に機能するか、デザインのプロセスは多岐に渡ります。

http://coliss.com/articles/build-websites/operation/design/designing-your-brand-by-canva.html

UIの新鮮なアイデアをチェック！デザインやインタラクションの工夫が素晴らしいナビゲーションのまとめ

2015/07/03(Fri) 07:53

最近のUIは、気持ちいいアニメーションが多く取り入れられています。アニメーションはある程度予測できながらも、いい意味で少し期待を裏切るくらいがちょうどいいなと思います。

http://coliss.com/articles/build-websites/operation/work/awesome-menu-interaction-2015-jul.html

デザインの視覚調整 ― 人間の認知に適合するデザインのために

2015/07/03(Fri) 07:51

駆け出しのデザイナーの頃は、何が正しくて何が正しくないかということについて、PhotoshopやCSSを信じ切っていました。Photoshopで整列すればそろったことになるし、形の違う2つのオブジェクトが同サイズと言うならサイズは一緒。

http://postd.cc/optical-adjustment/