【読書】Webデザイン・コミュニケーションの教科書


私は趣味でWebアプリ的なWebページの作成と本ブログの運営などを行っていますが、デザイン的な勉強をしたことがなかったため、今回本書を入手して勉強しました。

本書は、Webのデザイナーやディレクターの方が読まれることが望ましいと思いますが、Webプログラマ(フロントまたはバックエンド)になった方も最初に一読しておくと良いかと思いました。

デザインとコミュニケーションがテーマということで、

デザイン = 利用するユーザーとWebの対話の方法
コミュニケーション = 開発担当者間の連携・考え方について

というふうに私は感じました。

1章から3章までは開発担当者(または発注者)との連携の方法が書かれており、4章と5章でユーザーとWebの対話の方法についての注意点などが書かれています。

6章と7章は、デザイナーが知っておくべきプログラミングの知識について書かれています。

1章から3章までの内容は実際にデザイナーやディレクターを務める方には有益な情報だと思いました。
私のように個人で趣味レベルでやっている人間にとっては、業務として開発を進めるとなると色々気をつけなきゃならんのだなと感じれれば良いのではないでしょうか。

4章と5章のUIなどのデザイン面の話はとても有益でした。
背景のグラデーションの方法やボタンのように押下可能を示す影の表示などあまり意識しなかったことが書かれていました。

また、最近勉強会で紹介のあったWebフォントについても触れられており、改めて使ってみたいと思いましたね。
ただ、個人利用を考えるとFONTPLUSなどは高価で導入しにくい印象もあります。。。

多言語対応を考えているWebサイトの開発では、ぜひWebフォントの導入を検討してみてください。
5章にWebフォントがどのようなものか書かれていますよ。

6章と7章はプログラミングの概要的な話が書かれています。
デザイナーの方にはぜひ知っておいてほしい内容でした。ここはプログラマとしては読んでおいてほしいですね。
デザインをする際の幅が広がり、プログラマとのやりとりがしやすくなるかと思います。

ただ、Ajaxのサンプルプログラムがもう少し載っていても良かったかなと読んでいて思いました。
私自身参考にしたいという思いも強いですが、ここは概要だけではなく実際のコードを読んだほうがイメージしやすいと思ったからです。

興味を持った方はぜひAjaxやHTML5の書籍を購入して勉強してみてください。
私も今の自分に必要なのはAjaxだなと思ったので、次はそれについて勉強していこうと思います。

 

本書に関連して、実際のディレクターの方など、現場の方のインタビュー特集が公開されています。
以下がリンクですので、読む前・読んだ後に一度立ち寄ってみてはどうでしょうか?
こちらは現場の声が聞こえて勉強になりますよ。

http://tuqulore.com/webdesign-communication/

 


この記事をシェアする

    Mask_Siva

    北の試される大地に生息しているSEです。
    楽しみながらプログラムを作ったり、ゲームで遊んだりしています。

    コメントをお待ちしております

    HTMLタグは利用できません

    Advertising



    新品/中古ゲーム販売 通販ショップの駿河屋

    Twitter

    仮面被り過ぎ@コンプレックス大佐
    @Mask_Siva

    • 2番機の再セットアップ完了。 データが全部飛んでるから、細かい調整は後日。 1番機もOSの入れ替えまでは完了。 CPU性能が低いからアプデに時間がかかってる。
      about 13時間 ago
    • 思ったよりGOTOのクーポンが使えるお店ないなぁ、、、 コンビニでも使えるらしいから、夜食を買うのに充てるのが良さそうですね。
      about 14時間 ago
    • 1番機はWindowsのアップデートを行えば完了かな。 2番機は64bit移行がどうしてもできない(スペック上はOKなんだけど)のと文鎮になってしまったので、PCの初期化へ。
      about 15時間 ago

    BGM

    オルフェンズの涙 - Single
    1 オルフェンズの涙 -MISIA

    ↓の再生ボタンで再生できます
    色々な楽曲を試聴したいなら
    >>>こちら<<<

    Nico Nico Community

    Calendar

    2020年10月
     123
    45678910
    11121314151617
    18192021222324
    25262728293031

    Archive

    My WIsh List

    Amazonで気になっている物をまとめています。

    「これは良かった!」「こっちの方がいいよ!」というものがあれば、教えてください<(_ _)>

    https://amzn.to/3oof0rZ