【読書】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

    • そんな、、、 私が炊飯ジャー1つ分平らげていればこんなことにはならなかったのか、、、orz https://t.co/dnAHntguq3
      about 3時間 ago
    • 状況把握。 メーカーさんから代替品のバッテリーが届いていないのね。 後味悪いなぁ、、、
      about 8時間 ago
    • 情報が更新されて、ちゃんと600位以内に入れてました! https://t.co/i8183UHQ0n
      about 16時間 ago

    BGM

    Japan Anime Song Collection Original Vol.11 "スーパーロボット魂 ザ・ベスト Vol.4 スパロボ大戦編"
    5 ICE MAN <ドラマレス Ver.> (R-2) -MIQ

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

    Nico Nico Community

    Calendar

    2021年1月
     12
    3456789
    10111213141516
    17181920212223
    24252627282930
    31 

    Archive

    My WIsh List

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

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

    https://amzn.to/3oof0rZ