Webデザイン

クリエイティブな人が実践している、早朝にしている11の習慣

2015/07/28(Tue) 07:54

将来的に、よりクリエイティブな考え方をするためにも、朝の時間を有効活用する必要があります。

http://photoshopvip.net/archives/80109

[CSS]ビューポート(vw, vh)とパーセント(%)、レスポンシブに適した単位の賢い使い分け方法

2015/07/23(Thu) 07:53

「vw, vh, vmin, vmax」はブラウザのビューポートのサイズに基づくもので、これらの単位で指定した実際の大きさはビューポートの大きさによって変化するため、レスポンシブデザインにあった単位と言えるでしょう。

http://coliss.com/articles/build-websites/operation/css/viewport-vs-percentage-units-by-ire.html

Webデザイナー必見、実務で役立つ逆引きレイアウト集

2015/07/22(Wed) 07:46

オシャレなレイアウトやユーザーが使いやすい配置を実現するには、どのようなことに気をつければよいのか。クライアントの要望に合わせてアイデアを出したいとき、レイアウトで困った時に読んでおきたいメモ。イメージが湧きやすいように、国産サイトを多めにピックアップしました。

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

シンプルなのに効果的！美しい背景画像を作成するテクニックのまとめ

2015/07/22(Wed) 07:45

背景はデザインにおいて、非常に重要な要素です。ビジュアルの土台となり、他の要素がどのように見えるか決定する要因となります。要素を引き立たせる美しい背景画像を作成するシンプルなテクニックを5つ紹介します。

http://coliss.com/articles/build-websites/operation/design/simple-techniques-beautiful-backgrounds-by-canva.html

トップデザイナーが教える、文字フォントを使った階層のつくり方７個まとめ

2015/07/20(Mon) 08:00

階層（英: Hierarchy）は、ややこしい単語かもしれませんが、文字テキストのバランスを整える、「タイポグラフィー」においては重要なわりに、手軽に導入することができるコンセプトです。そしてこのガイドでは、文字テキストの階層をどのようにでデザインで利用するのか、7つのポイントにまとめています。

http://photoshopvip.net/archives/79796

デザイナーが覚えておきたい、ビジュアルコミュニケーションの基本原則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