【Webデザインの基本きちんと入門】はWebデザイン、制作ワークフローがわかる参考書

DSCF7650

 

祝!初!Web制作の仕事を依頼されました。ということはこちらの記事に書きました。

▶︎参考:人生の一瞬一瞬がプロセスの連続で、そのプロセスは正しい
▶︎参考:写真撮影もWeb制作も根本は同じ 〜想いを伝えるメッセンジャー〜

 

とはいえ、僕はWeb業界のワークフローがわからないので「いちばんよくわかるWebデザインの基本きちんと入門」を買いました。(小田原の有隣堂で直感に任せて手に取り、横浜の有隣堂でもじっくり立ち読みしてから購入)

 

 

初めてのお仕事ですからHTML/CSSなどの技術書より、Web制作の概念や考え方、情報の整理/まとめ方、配色、デザイン論を知ることが先。

なぜなら技術が必要になるのは全体のうち(ざっくりいうと)Codingのときだけだから。それにHTML/CSSはある程度知っているということもありますし、技術はWebで調べればなんとかなります。

だから、

  • どんな情報をどう伝えるか?
  • どこに情報を配置するか?
  • 何ページ必要?
  • 配色は?
  • 写真は?

という設計の方がはるかに大切だと僕は思ってます。

設計はノートとペンで進めるほか、デジタルでワイヤフレームを作り、お客さんとサイトのイメージを共有しておくことも大切でしょうね。

今は「Adobe Experience Design CC」というツールもあるから使ってみてもいいね。2017年9月現在はベータ版で、僕が契約しているフォトグラフィプランでも使えるのはありがたい。

 

 
スポンサーリンク

 

僕は以前IT企業にいたからか、設計の大切さが体感的にわかっているんです。

当時はウォーターフォール型でプロジェクトを進めていて設計の大切さは身にしみているんですよ。(とはいえ、後からあれがどうのこうのという話は出るもので・・・笑)

だから、とりあえず作りながら考えようとするより、ワイヤフレームなどを作り、自分自身も目的を見失わないようにしていきたい。

 

ということで、Web制作はどう進めていくものなんだい?ってのが知りたくて買いました。この本には一通りの流れが載っていること。僕の知りたいことが載っていること。あと、本の見た目がなんとな〜く好き(笑)

 

最初はデザイン論を学ぼうと「デザイン入門教室」を買おうとしましたが、内容が紙面寄りだったのでひとまずスルーしました。

 

 

2015年出版の本なのに何度も重版されていたので、デザインの真理がまとまっているんだと思います。実際、立ち読みしたときはWebにも活かしたいと思うレイアウトがありました。

 

DSCF7651

 

デザインっておもしろいです。

モノゴトを伝える技術。奥が深い。ゆえに難しい。だからこそおもしろいと感じます。誰に何をどう伝えるか?5W1Hも意識する。

と、難しく考えすぎると頭がプッシュ〜になるからほどほどにしないといけませんね(笑)

 

デザインも「想い」を伝えるツールです。それは僕が撮る写真と根本は同じもの。

うん、楽しんでやっていきましょ!

購入したWebのお仕事の参考書

 

★ あなたのステキをそっとすくい撮ります ★

いまBlogやSNS、紙媒体などで発信しているけれど、

  • もっと自然体な自分を見せて、お客さんに安心を届けたい!
  • 顔写真を公開するのは恥ずかしいけど、勇気を出して公開したい!
  • 実は撮ってもらいたかったんです!

というみなさんの撮影を僕にやらせてもらえませんか。あなた自身がまだ気付いていない「あなたのステキ」を僕が撮ります。

★ 出張撮影、承ります ★

僕の活動拠点は長野県松本市と神奈川県横浜市。

毎月上旬は松本、下旬は横浜にいます。中信地方や関東圏内の撮影でしたらのその期間にお声がけくださいね。もちろん、他にも出張撮影します。

今は京都や広島(竹原や尾道)に行きたい。そちら在住の撮影されたいという方いませんか〜?

★ 詳しくはこちらからどうぞ ★

この記事を書いた人

花村貴史 / Takashi Q. Hanamura
花村貴史 / Takashi Q. Hanamura<空気感フォトグラファー>
「”自分の好き”を大切にしよう」と思いきって大好きな信州に移住したフォトグラファー。その人/その場の空気感をそっとすくい撮る写真が好評。
僕のできることで「あなた」を世界に伝えるメッセンジャーとして活動中。

詳しいプロフィールはこちらへGo!!

この記事が気に入ったら
いいね ! してくださいね。

Twitter で