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

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

  関連記事

遊び心のあるデザイングッズ9選

仕事場のデスク周りはどうしても機能性を重視した無機質なものになりがちですが、ちょ …

美山ふるさと
美山町自然文化村 河鹿荘様【制作実績】

美山町自然文化村 河鹿荘様は、茅葺き屋根の集落で有名な京都の美山町から車で5分程 …

キャラクターデザイン

スタジオまめの木のウェブサイト上に登場するキャラクターについて 説明するページを …

パンフのリニューアル案件のご紹介

スタジオまめの木ではパンフレットの制作を主にしています。ゼロから制作するものもあ …

岡本甲状腺クリニック様【制作実績】

岡本甲状腺クリニック様は、日本甲状腺学会認定専門医施設に認定されている大阪市旭区 …

Adobeモバイルアプリ“Adobe Shape”は仕事で使えるのか?

デザインの仕事で使用しているAdobeCS5を思い切ってCC(クリエイティブ・ク …

お客様事例のご紹介“株式会社ビッグス”様

 株式会社ビッグス様の会社案内 トラックドライバーや各種送迎ドライバーから街宣カ …

新作できました!

「犬と飼い主のためのデザインショップ“with you”」の新作が出来たのでご紹 …

関西のデザイン&手作り系イベント5選

スタジオまめの木で昨年から“with you”というwebショップを運営している …

東尾メック株式会社様のバインダー【制作実績】

今回、ご依頼いただいた東尾メック株式会社様は水やガス等を流す配管と配管を結ぶ『管 …