スタジオまめの木 デザイン準備室

Studio Mamenoki – Design Preparatory Office

*

webデザイン初心者にもおススメの参考書

      2015/02/08

book1

今さら聞けない基礎を学ぶ

一度、基礎を学べばその後は実務経験の中で仕事の質を上げれいける紙媒体のデザインに比べ新しい技術が次から次へと出てくるwebデザインは常に勉強が必要です。

私自身、紙媒体のデザインを主にした環境に身を置いていたためか改めて勉強するよりも“実務”の中で技術を磨くことが多くありました。
webデザインもその方法で取り組んできました。

webデザインの仕事をいただいてから、その仕事に必要な技術が掲載されている参考書やwebサイトを見ながらデザインを仕上げ、コーディングして納品するという状況でした。

しかし、やっぱり基礎が無いので、何かトラブルになったときは、それはもう大変でした。
という訳で、そんな状況を脱したいと考え実務とは関係なく改めて基礎から勉強した時に参考になった参考書をご紹介します。

book1-0

HTMLとCSSで基礎から学ぶWebデザイン

出版社: 秀和システム (2011/04)

一般的な参考書とは違って、いわゆる“読み物”です。
読み物的な構成だからHTMLとCSSの基礎的な考え方を学ぶには最適だったのかもしれません。
「これが出来る」「こんなことも出来る」といった、飛ばし読みしたくなる誘惑もなく、順を追って読み進められます。

本の中身をさらっと紹介

book1-1

セクション1.文章を構造化してみよう

最初の見出しが「HTMLってなんだろう」です。
本当に基礎の基礎から始まります。
そして「どうしてデザインが必要なのか」「日本語文章のコツ」などHTMLを書くにあたり、見出しや本文、リード文など文章を構造化することの必要性を認識させてくれます。

 

book1-2

セクション2.ページの中身を意味に合わせて仕分けしてみよう

ここでもCSSの成り立ちから解説されています。
“HTML専門の化粧品”という表現でHTMLとCSSの関係を解説されていたりCSSという言葉を知らなかった人にも分かるような表現が随所に登場します。

 

book1-3

セクション3.色の基礎知識と配色にチャレンジしよう

印刷のCMYKにどっぷりと浸かっている人間にとってRGBの表記はハードルが非常に高いものです。
ついつい、CMYKからRGBに変換いてみたり、好みの色をスポイトツールなどで拾ってみたりしながRGBの根本を理解することなく来ました。
そんな今さら聞けない問題をRGBアレルギー人間にも分かりやすくしっかりと解説されています。

 

book1-4

セクション4.装飾とレイアウトを取り入れてみよう

ここからが、一般的な参考書ではメインとなるコンテンツです。
ここでも、装飾とレイアウトの“基礎”が本題となっています。

技術を習得したいwebデザイン初心者にとっては、読み物的で回りくどく感じてしまうかもしれませんが“急がば回れ”という言葉がぴったりの本です。

デザインミッテ
デザインを見てから発注できるスタジオまめの木の新サービスデザインミッテ

 - デザイン

Message

メールアドレスが公開されることはありません。

WP-SpamFree by Pole Position Marketing

  関連記事

photoshopのブラシの作り方【フォトショップ】

以前の記事『簡単にコピースペースを作る方法【フォトショップ】』で雲のブラシを利用 …

株式会社NSI様の会社案内【制作実績】

株式会社NSI様は大阪と東京に拠点を置き、主に情報システムの設計・開発を行ってい …

with youのパンフレットが出来ました

昨年11月11日にオープンした「with you」ですが、あと2ヶ月で1周年にな …

ウッドバーニングでデザイン性アップ

スタジオまめの木の看板犬のミント&パセリは2階のリビングで暮らしています。3階に …

3頭のワンちゃんを1枚のイラストにまとめたTシャツ作りました

スタジオまめの木には2頭の看板犬がいます。いわゆる多頭飼いという状態です。2頭い …

Tシャツ作りました

『釣りをテーマにしたTシャツデザイン』 スタジオまめの木でTシャツを作ることにな …

デザインのアイデアがないときの5つの対処法

ひとつの案件に対して2案、3案と複数のデザイン案を制作していると、『アイデアが出 …

株式会社岡田運輸様の入社案内【制作実績】

株式会社岡田運輸様は埼玉県草加市に本社を置く運送会社です。業務内容は、一般貨物運 …

シネマグラフの作り方

約3年ほど前の記事で一度取り上げた『シネマグラフ』ですが、今度は画像に文字や色味 …

犬をテーマにしたグッズ11選

スタジオまめの木が運営するwith youでは犬のイラストTシャツをメインに販売 …