伊藤庄平のレビュー一覧

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

    Posted by ブクログ

    Webデザインに焦点を当てたIT書

    開発言語サイドからではなく、アウトプットする画面などのレイアウトサイドから
    Webコンテンツを解説しています。

    カラーで写真や、図表をつかって、見たらすぐわかる形になっています。
    250頁あまりありますが、本文は、2段組みでけっこう細かい文字なので、辞書に準じた集積感を感じました。
    実例デザイン、COLUMNといったテーマごとに挿入された資料もあります。
    詳細の目次とともに、4頁のインデックスにて、用語、テーマの逆引きもできます。

    HTML5,CSS3,Javascript等 のコードなどの解説は、指定パラメータの書き方などがありますが、各言語の使い方は言語解説書を合わせてご確認ください。

    各Chapter に関する内容は次のように感じました。
    01 Webデザインの基本 作業の全体像を概説しています。
    02 レイアウトの概要
    03 色の基本と、組み合わせの解説
    04 写真の概要
    05 文字と書体の概要
    06 コンテンツ技術言語の概要
    07 インタラクションとは関係性のこと、UI,UX技術の概要
    08 Webサイトの運用管理について

    作業全体を把握するには、01,02,07,08 Webサイトの属性や表現方法は、 02,03,04,05 IT技術の対応については、 06,07,08 かと。

    Contents

    Introduction
    Chapter01 Webデザインの基本
    Section01 デザインとは何か
    Section02 目的と目標を考える
    Section03 ターゲットを想定する
    Section04 コンセプトを決める
    Section05 モバイルファーストとマルチデバイス対応
    Section06 ワイヤーフレームやプロトタイプを作る
    Section07 自発的にスケジュールを管理する
    Section08 ワークフローの全体像
    Chapter02 レイアウト
    Section01 レイアウトは
    Section02 レイアウトの原則
    Section03 Webデザインにおけるレイアウト
    Section04 Webデザインにおけるナビゲーションのレイアウト
    Section05 レイアウトにおける視線誘導
    Section06 タッチデバイス向けのレイアウト
    Section07 レスポンシブWebデザイン
    Chapter03 配色
    Section01 色とは
    Section02 色の三属性
    Section03 トーン
    Section04 補色・類似色・配色の調和
    Section05 色の印象
    Section06 カラーモード
    Section07 利用者の視点に立った配色
    Section08 Webサイトの目的に合った配色と比率
    Section09 リンクの色の扱い
    Chpater04 写真と図版
    Section01 Webデザインにおける写真
    Section02 Webデザインにおける図版
    Section03 色調補正
    Section04 写真のトリミング
    Section05 解像度、ピクセルについて
    Section06 画像のファイル形式
    Chapter05 タイポグラフィ
    Section01 書体とは
    Section02 欧文書体と和文書体
    Section03 書体ファミリー
    Section04 書体の選び方
    Section05 本文の組版
    Section06 文字コードとブラウザの表示
    Section07 最適なfont-family
    Section08 Webフォントについて
    Section09 Webフォントサービスの紹介
    Section10 Webフォントの使い方
    Chapter06 HTMLとCSS3
    Section01 HTML5の新概念
    Section02 CSSのカスケーディング、詳細度、継承
    Section03 CSSの作り方と管理
    Section04 CSSでレイアウトする(Flexbox)
    Section05 CSSでレイアウトする(CSS Grid)
    Section06 メディアクエリーで作るレスポンシブWebレイアウト
    Chapter07 インタラクション
    Section01 インタラクティブデザインとは
    Section02 インタラクティブデザインの基本
    Section03 マイクロインタラクションとは
    Section04 CSSをつかったインタラクション
    Section05 Javascriptとは
    Section06 動きのあるサイトを作る時の注意点
    Section07 SVGやWebGLをつかったインタラクションデザイン
    Chpater08 運用とマーケティング
    Section01 テスト環境と本番環境
    Section02 公開前後のチェック作業
    Section03 Webマーケティングの全体像
    Section04 インターネット広告の種類
    Section05 リスティング広告
    Section06 ランディングページ最適化(LPO)
    Section07 検索エンジン最適化(SEO)
    Section08 オウンドメディア運用
    Section09 ソーシャルメディアマーケティング
    Section10 動画マーケティング
    Section11 Googleアナリスティクス
    Section12 Google Search Consoleとタクスマネージャー
    Section13 Googleの各種サービスの活用
    Section14 WebサイトのPDCAサイクル
    INDEX

    ISBN:9784815609610
    出版社:SBクリエイティブ
    判型:B5
    ページ数:256ページ
    定価:2400円(本体)
    発売日:2017年03月01日 第1版第1刷
    発売日:2021年08月24日 第2版第1刷
    発売日:2022年07月06日 第2版第4刷

    0
    2023年08月27日
  • いちばんよくわかるWebデザインの基本きちんと入門[第2版] レイアウト/配色/写真/タイポグラフィ/最新テクニック

    Posted by ブクログ

    Webデザインについて広い範囲の内容を扱った書籍です。また、Webサイトを設計するときにどのようなものが必要かも書かれています。

    0
    2025年02月21日
  • オンスクリーン タイポグラフィ 事例と論説から考えるウェブの文字表現

    Posted by ブクログ

    スマホやPCなどのスクリーン上では
    印刷物の文字組みとは文字組みの留意点が異なることが、それぞれの章で説明されている。

    章ごとに著者が変わるので
    当たり前だが文章の統一感はあまり感じなかった。
    実践的な内容(カーニングに利用可能なjsの説明、floatの使い方)が書かれているため
    楽しく読める内容だった。

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

    Posted by ブクログ

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

    1
    2017年05月03日