@thorikiriのてょりっき

@thorikiriがWebとかAndroidとかの技術ネタや本を読んだブログです

ウェブデザインのつくり方、インタフェースデザインの考え方。

を読みました。

ウェブデザインのつくり方、インターフェイスデザインの考え方。

ウェブデザインのつくり方、インターフェイスデザインの考え方。

正直に言いまして、ウェブデザイナではないので前提となる知識はあまりありませんでした。多少のHTMLとCSSが書ける程度だと思います。個人のアプリなどでは多少やりますが、仕事ではデザイナさんが居たりしますからね。デザイナが居ない場合も多いですけど。
Chapter1は、ウェブデザイン全般に渡る話ですかね。どんなのが使いやすいUIなの?UX的にはどうなの?と言った話。スマートフォンに対応するためのレイアウトとか、レスポンシブにするための話になるかと思います。
Chapter2は、UIのレイアウトのパターンについて詳しく書かれています。レイアウトのパターンがどんな時に有効なんだろうかとか、どんな画面サイズにいいのかの話になるかと思います。
Chapter3は、フォントとか色味とか本当に見た目の話になっていきます。
Chapter1と2は普通の開発者でも抑えていた方がいいんだろうなぁと思います。3は自分でこれが出来るのかはわかりません。参考にはなるのでしょうけど、自信を持てないですね。

こちらの本も読んでみたいなぁとは思ってます。

ノンデザイナーズ・デザインブック [フルカラー新装増補版]

ノンデザイナーズ・デザインブック [フルカラー新装増補版]

目次

  • Chapter 1. デザインの考え方に関する講義
    • Lesson 1. UX
    • Lesson 2. 機能の分類
    • Lesson 3. マジックナンバー
    • Lesson 4. アイコン
    • Lesson 5. ウェブのレイアウトパターン
    • Lesson 6. スモールスクリーンUI
    • Lesson 7. ページのフォーマット
    • Lesson 8. モジュール
    • Lesson 9. 仕様別レイアウトパターン
    • Lesson 10. Media Queries
    • Lesson 11. モックアップ
  • Chapter 2. デザインの技法に関する講義
    • Lesson 12. タブインタフェース
    • Lesson 13. 上下2分割レイアウト
    • Lesson 14. プルダウンナビゲーション
    • Lesson 15. 色によるグルーピング
    • Lesson 16. かたちによるグルーピング
    • Lesson 17. 整列
    • Lesson 18. カルーセルUI
    • Lesson 19. アコーディオンUI
    • Lesson 20. 画面完結型レイアウト
    • Lesson 21. UIのカラーリング
    • Lesson 22. ホワイトスペース
    • Lesson 23. グリッドレイアウト
  • Chapter 3. スタイリングの技法に関する講義
    • Lesson 24. コンポジション
    • Lesson 25. コントラスト
    • Lesson 26. ジャンプ率
    • Lesson 27. 罫線
    • Lesson 28. トリミング
    • Lesson 29. タイポグラフィ
    • Lesson 30. 文字の間隔設定
    • Lesson 31. Web Font
    • Lesson 32. 有彩色と無彩色
    • Lesson 33. 補色
    • Lesson 34. 透明度
    • Lesson 35. 彩度対比
    • Lesson 36. 明度対比
    • Lesson 37. 重さと色
    • Lesson 38. ハーモニックカラー
    • Lesson 39. CSSによる文字の装飾