おすすめデザインチュートリアルまとめ

デザインが良くなるおすすめテクニックを紹介します。コツを知っていると、デザインがぐっと素敵になります。

ちょっとした手間で、デザインをちょっとよく見せる小ネタのまとめ

ちょっとしたことの積み重ねが、良いデザインにつながります。神は1pxに宿る。

  • 複数のカラーから調和のとれたカラーパレットを作成
  • 角丸パネルを重ねる時、それぞれの角丸をバランスよくする
  • 円をよりくっきり見せる
  • 滑らかなベジェ曲線を描く
  • エレメントをくっきり美しく
  • 斜めの線を使った小さいアイコンを作るこつ
  • レイヤーパネルの設定をカスタマイズ
  • 「ベベルとエンボス」より「シャドウ(内側)」がいい場合
  • 曲線と直線を美しく手描きするこつ

2015083103-03

コリス
http://coliss.com/articles/build-websites/operation/design/design-pro-tips-by-dribbble.html

デザイナーに言われた「非デザイナーが気をつけるべきデザインの4原則」

デザインの基本原則を分かりやすい4つのポイントにまとめています。サンプルが分かりやすいです。

  • コントラスト
  • 反復
  • 整列
  • 近接

bf1608ce-b988-ea1d-fd55-e009a8cdc407

Qiita
http://qiita.com/Yama-to/items/cb7f280b44a14c898418

大きな背景画像を使った魅力的なWebサイトを作ろう

大きな背景画像を使った写真が増えていますね。写真と文字の配置のしかた、写真を背景に配置する際のコーディングテクニック、画像のサイズを縮小する方法を紹介しています。

design1-4

Webクリエイターボックス
http://www.webcreatorbox.com/inspiration/big-background-image/