久保知己のレビュー一覧

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

    Posted by ブクログ

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

    1
    2017年05月03日
  • 現場のプロが教えるWeb制作の最新常識 知らないと困るWebデザインの新ルール

    Posted by ブクログ

    最近のフロントエンド寄りのトレンドをざっと俯瞰するのには良い本だと思います。やはり本として1冊にまとまっていると認知がし易いです。
    ざっくり読んだだけですが、ところどころ取りこぼしがある事に気づけました。

    ただ、こういう本は表紙にわかりやすく年を入れるか、入れないのなら毎年版を重ねるたびに中身を一新するかして欲しいなあ、とも思います。

    0
    2015年04月11日
  • CSS3&jQueryで作る スマートフォンサイトUI図鑑

    Posted by ブクログ

    スマホサイトのUIの種類をざっと見るだけでも勉強になります。いくつか取り入れてみたいUIも見つけられたので、実装に入って行きたいと思います。

    0
    2015年03月19日
  • HTML+CSSデザイン|基本原則、これだけ。【HTML5&CSS3対応版】

    Posted by ブクログ

    ネタバレ

    【ウェブサイト構築のワークフロー】p32
    <上位工程→下位工程>
    ・サイト構築の目的の明確化
    ・作業スケジュールの決定
    ・ガイドラインの作成
    ・素材(記事原稿・写真・図表)準備
    ・コーディング(HTMLマークアップ)
    ・コーディング(CSSスタイリング)
    ・対象とするウェブブラウザで検証

    ■ワイヤーフレーム描画に利用できるツール
    ・OmniGraffle for Mac

    0
    2014年04月13日
  • HTML+CSSデザイン|基本原則、これだけ。【HTML5&CSS3対応版】

    Posted by ブクログ

    仕事でHTMLやサイト作成は携わったことがなかったのですが、ホームページを作成しようと思い手にとりました。

    ホームページビルダーを使っていても分からないことが多いレベルです。とても分かりやすく、HTMLとCSSを説明しています。

    0
    2013年10月02日