いちばんよくわかるWebデザインの基本きちんと入門 レイアウト/配色/写真/タイポグラフィ/最新テクニック

伊藤庄平, 益子貴寛, 久保知己, 宮田優希, 伊藤由暁 / きちんと入門
(3件のレビュー)

総合評価:

平均 3.5
0
1
1
0
0

ブクログレビュー

"powered by"

  • ty

    ty

    これからはじめる人、一気に学びたい人へ一生使えるWebデザインのテクニック集!
    絶対に外せない! レイアウト4つの原則とレスポンシブWebデザイン
    今日から使える! 配色の基本と、実例デザインの配色見本集
    ユーザーの心を動かす! 写真と図版の使い方、タイポグラフィの選び方
    フレックスボックス、インタラクション、マーケティングの知識まで
    この一冊でWebデザイナーに必須の基礎知識が網羅できる!

    <サマリ>
    ・興味を持ったポイントを抜粋

    ・CHAPTER2
      SECTION2
       レイアウトの4原則
        近接:関連する項目をまとめてグループ化させることで、視覚的にも知覚的にも認識しやすいレイアウトになる
        整列:要素に何らかのルールを適用して統一化させることで、美しく見やすいレイアウトになる
        反復:サイト全体のデザインの統一感を出すことに加え、ユーザーに対するサイトへの慣れの促進にもつながる
        対比:全体の一部を揃えずコントラストをつけて強弱をアピールすることで、ユーザーの興味を惹きつける
      SECTION5
       レイアウトにおける視線誘導
        基本形として、ユーザーの視線は「左上」から「右下」に流れる。(グーデンベルク・ダイヤグラム)
        発展形として、Z型(左上⇒右上⇒左下⇒右下)、F型(ECサイトやブログなどで多く活用されている)がある

    ・CHAPTER3
      SECTION7
       色だけの情報伝達と注意点
        ハイパーリンクを用意するときは、色を変えるだけでなく、アンダーラインを引くなど、色覚障害のある方にも情報が正確に伝わる工夫が必要
      SECTION8
       Webサイトの目的に合った配色と比率
        配色の基本比率は「70:25:5」の配分。70がベースカラー、25がメインカラー、5がアクセントカラー
        4色以上の色を使用したいときは「メインカラーorアクセントカラーいずれかをさらに分割する」

    ・CHAPTER7
      SECTION2
       ガイドラインやデザインパターン例
        Appleのヒューマンインターフェイスガイドライン
         https://developer.apple.com/design/human-interface-guidelines/
        UI Patternのデザインパターン
         http://ui-patterns.com/patterns

    ・CHAPTER8
      SECTION2
       Webサイト公開前のチェック作業例
        バリデーションテスト
        アクセシビリティテスト
        クロスブラウザテスト
        ナビゲーションテスト
        フォームテスト
        テキストチェック
        メディアチェック
        機能テスト
        連結テスト
        稼働テスト
    続きを読む

    投稿日:2021.05.06

  • 帝塚山大学図書館 学生選書会

    帝塚山大学図書館 学生選書会

    https://lib.tezukayama-u.ac.jp/mylimedio/search/book.do?target=local&bibid=492934

    投稿日:2020.11.02

  • chanchihiro

    chanchihiro

    もう一度基礎に立ち返るために購入。
    インタラクションの部分がきちんと説明されていてよかった。少しでもCSS設計に踏み込んでたり、入門書としては良いと思う。
    自分が教える際にどう伝えようと考えるきっかけになりました。続きを読む

    投稿日:2017.05.03

クーポンコード登録

登録

Reader Storeをご利用のお客様へ

ご利用ありがとうございます!

エラー(エラーコード: )

本棚に以下の作品が追加されました

本棚の開き方(スマートフォン表示の場合)

画面左上にある「三」ボタンをクリック

サイドメニューが開いたら「(本棚アイコンの絵)」ボタンをクリック

このレビューを不適切なレビューとして報告します。よろしいですか?

ご協力ありがとうございました
参考にさせていただきます。

レビューを削除してもよろしいですか?
削除すると元に戻すことはできません。