Webデザイン

デザインの確かな知識が身につく！Webサイトやアプリのデザインの勉強になるスライドのまとめ

2015/12/15(Tue) 07:39

実践的なUXデザインやインタラクションデザイン、レスポンシブサイトに効くデザインTips、Sketchを使ったデザインフロー、Webデザイナーのためのタイポグラフィ講座など、Webサイト・アプリなどのUIデザイン/UXデザイン勉強になるスライドを紹介します。

http://coliss.com/articles/build-websites/operation/work/slides-for-ui-ux-design-2015.html

デザインで確実に覚えておきたい、20の基本原則まとめました。

2015/12/14(Mon) 07:38

デザインをするときに覚えておきたい、20個の基本原則をまとめてご紹介します。前半となる今回は、まず10個のデザインテクニックを見ていきましょう。

http://photoshopvip.net/archives/84797

「アイキャッチってなんだろう？」1,000個以上を制作して学んだこと

2015/12/11(Fri) 07:31

LIGブログのアイキャッチ画像について、制作過程や制作から学んだことなどをお話しします。

http://liginc.co.jp/132245

実例で学ぶ！背景に「透かし」を使った、万能デザインテクニック12個まとめ

2015/12/10(Thu) 07:35

グラフィックデザインにおける背景とは、壁のペンキ塗りや部屋の壁紙えらびのようなものかもしれません。

http://photoshopvip.net/archives/84635

シニアの認知能力でも快適にサイトを使えるようにする7つの“技”（全6回の3）

2015/12/01(Tue) 07:29

Webサイトのシニア対策「SFO」の第3回は、認知能力が衰え始めたシニアがおかしがちなミスを考察し、それに対する具体策として、シニアが快適にサイトを閲覧できるようにする7大ポイントを紹介します。

http://web-tan.forum.impressrd.jp/e/2015/12/01/20681

text-shadowを使ったテキストのデザインサンプル

2015/11/30(Mon) 07:30

CSSのtext-shadowを使ってテキストをデザインしてみたサンプル集です。単純に適用させたものから、レタープレス、エンボス、3D、ヴィンテージ風、ロングシャドウ、ネオンなど全16種類あり、全てtext-shadowのみを使用して表現しています。

http://www.nxworld.net/tips/text-shadow-styling.html

CSSグラデーションで作った背景パターンのサンプル

2015/11/30(Mon) 07:30

CSSのグラデーションはよく見る単純なグラデーションを作るだけでなく、記述の仕方によって様々な見栄えをつくることができます。

http://www.nxworld.net/tips/css-gradient-pattern.html

構図に役立つ！レイアウト、写真やイラストの構図に使えるPhotoshop用の黄金比の確認ツール -Golden Ratio

2015/11/30(Mon) 07:29

Webページのレイアウト、写真やイラストの構図に黄金比のパネルを重ねて確認できるPhotoshopの便利ツールを紹介します。

http://coliss.com/articles/build-websites/operation/design/photoshop-tool-golden-ratio.html

Web制作のしっかりとしたスキルを身につけたい、スキルアップのきっかけが欲しい人にオススメの本

2015/11/30(Mon) 07:28

Web制作のコンテンツ・デザイン・コーディングの知識やテクニックを単に学ぶだけでなく、その理由や考え方もしっかり分かります。

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

テキスト周りのスタイリングに使えるCSSプロパティやスニペット

2015/11/27(Fri) 07:29

スタイリングといっても見栄えを大きく変えるとかではなく、ほとんどがただのプロパティ説明みたいな感じになっていますが、サイト制作時に覚えておくとテキスト周りをいろいろと変更できるCSSのプロパティや使用する頻度が高そうなスニペットみたいなものをひと通りまとめてみました。

http://www.nxworld.net/tips/useful-css-properties-and-snippets-for-text-styling.html