Webデザイン

Webフォントはサイトデザインの基礎！メリット・デメリットまとめ【事例あり】

2015/12/17(Thu) 07:26

Webサイトでも意図した表現を実現できるWebフォントについて調べてみました。「Webフォントってなんだか手を出しづらいんだよなあ……」とお悩みの方もいらっしゃると思うので、今回はWebフォントの基本からメリット・デメリットまでをまとめてみました。

http://liginc.co.jp/212206

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

2015/12/15(Tue) 07:41

初心者からベテランまで一度確認しておきたい、デザインの基本原則20個をまとめています。前半に続き今回は、残り10個のテクニックを見ていきましょう。

http://photoshopvip.net/archives/84884

Webサイト制作や勉強をする際に役立つ便利なツール・サイトまとめ 100

2015/12/15(Tue) 07:40

画像の軽量化やコード圧縮といったツールをはじめ、各種リファレンスサイト、利用している人が多いエディタやデザインツールのショートカット一覧など、Web制作時に便利だと思うツール・サイト・チートシートを自分のブックマークがかなり乱雑化してきたのでその整理も兼ねて一気にまとめてみました。

http://www.nxworld.net/services-resource/useful-resources-for-web-development-and-study.html

デザインの確かな知識が身につく！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