SlideShare ist ein Scribd-Unternehmen logo
1 von 34
Downloaden Sie, um offline zu lesen
コーダーに
嫌われない
WEBデザインデータ
の作り方と
クラウド共有の
ススメ
TIMING / KITAMURA TAKASHI
北 村 崇
TIMING
東京都在住(神奈川県出身)
ロゴマーク、キャラクター、グッズ、グラフィックデザインを中心に活動を開始し、現在はWebデ
ザイン、ディレクションなども行っている。
WordPressやConcrete5等CMS構築/書籍執筆/個人や団体セミナー/スクール講師 など
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
F a c e b o o k : t a k a s h i . k i t a m u r a . 9 9
Tw i t t e r :   @ t a h _ t i m i n g
I n s t a g r a m : t a h _ t i m i n g
ゼロから
はじめる
デザイン
北村 崇
Takashi Kitamura
Designing From Scratch
センス不要
直感でわかりやすい作例とともに、
デザインの「なぜ?」にやさしく答えます
Books
•ゼロからはじめるデザイン
•現場で必ず使われているWordPressデザインのメソッド
•ビジネスサイト制作で学ぶ WordPress「テーマカスタマイズ」徹底攻略
他
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
コーダーに嫌われる
デザインデータとは
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
あるあるデータ
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
すべて実話です
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
昔々、あるところに、おじいさんとおばあさんが住んでいました。
 おじいさんは山へしばかりに、おばあさんは川へ洗濯に行き
ました。
Momo-taro
むかしむかし、ある村に、浦島太郎という若者がいました。
 太郎が海辺を通りかかると、子どもたちが大きなカメを捕ま
えていました。
Urashima-taro
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
昔々、あるところに、おじいさんとおばあさんが住んでいました。
 おじいさんは山へしばかりに、おばあさんは川へ洗濯に行き
ました。
Momo-taro
むかしむかし、ある村に、浦島太郎という若者がいました。
 太郎が海辺を通りかかると、子どもたちが大きなカメを捕ま
えていました。
Urashima-taro
20px
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
小さすぎる
CASE1
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
昔々、あるところに、おじいさんとおばあさんが住んでいました。
 おじいさんは山へしばかりに、おばあさんは川へ洗濯に行き
ました。
Momo-taro
むかしむかし、ある村に、浦島太郎という若者がいました。
 太郎が海辺を通りかかると、子どもたちが大きなカメを捕ま
えていました。
Urashima-taro
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
昔々、あるところに、おじいさんとおばあさんが住んでいました。
 おじいさんは山へしばかりに、おばあさんは川へ洗濯に行き
ました。
Momo-taro
むかしむかし、ある村に、浦島太郎という若者がいました。
 太郎が海辺を通りかかると、子どもたちが大きなカメを捕ま
えていました。
Urashima-taro
#ba78ac
#ba6bac
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
スポイト抽出
CASE2
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
昔々、あるところに、おじいさんとおばあさんが住んでいました。
 おじいさんは山へしばかりに、おばあさんは川へ洗濯に行き
ました。
Momo-taro
むかしむかし、ある村に、浦島太郎という若者がいました。
 太郎が海辺を通りかかると、子どもたちが大きなカメを捕ま
えていました。
Urashima-taro
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
昔々、あるところに、おじいさんとおばあさんが住んでいました。
 おじいさんは山へしばかりに、おばあさんは川へ洗濯に行き
ました。
Momo-taro
むかしむかし、ある村に、浦島太郎という若者がいました。
 太郎が海辺を通りかかると、子どもたちが大きなカメを捕ま
えていました。
Urashima-taro
30px
29.8px
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
手動リサイズ
CASE3
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
昔々、あるところに、おじいさんとおばあさんが住んでいました。
 おじいさんは山へしばかりに、おばあさんは川へ洗濯に行き
ました。
Momo-taro
むかしむかし、ある村に、浦島太郎という若者がいました。
 太郎が海辺を通りかかると、子どもたちが大きなカメを捕ま
えていました。
Urashima-taro
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
昔々、あるところに、おじいさんとおばあさんが住んでいました。
 おじいさんは山へしばかりに、おばあさんは川へ洗濯に行き
ました。
Momo-taro
むかしむかし、ある村に、浦島太郎という若者がいました。
 太郎が海辺を通りかかると、子どもたちが大きなカメを捕ま
えていました。
Urashima-taro
8px
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
小さすぎる2
CASE4
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
むかしむかし、木こりのおじいさんは、お昼になっ
たので、切りかぶに腰をかけてお弁当を食ベる事に
しました。
Omusubi-kororin
むかしむかし、あるところに、ほっぺたに大きなこ
ぶのあるおじいさんが住んでいました。
 おじいさんがまきを割る度に、ほっぺたのこぶが、
ブルルン、ブルルン。
Kobutori-jisan
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
むかしむかし、木こりのおじいさんは、お昼になっ
たので、切りかぶに腰をかけてお弁当を食ベる事に
しました。
Omusubi-kororin
むかしむかし、あるところに、ほっぺたに大きなこ
ぶのあるおじいさんが住んでいました。
 おじいさんがまきを割る度に、ほっぺたのこぶが、
ブルルン、ブルルン。
Kobutori-jisan
画像100px
線内側6px
画像88px
線外側6px
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
加工がバラバラ
CASE5
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
最低限の知識
+最低限のデータ管理
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
お互い気持ちよく
やりとりするために
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
どうやってデータを
作るのがよいのか
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
オブジェクトを管理する
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
色を管理する
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
文字を管理する
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
a link
hover
Contents text
Head Title H1
Head Title H2
Head Title H3
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
修正にやさしい
データをつくる
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
WEBは汎用性と規則性
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
DEMO
DEMO
THANK YOU
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ

Weitere ähnliche Inhalte

Mehr von Takashi Kitamura

Mehr von Takashi Kitamura (7)

第32回デザイン勉強会 「web制作のプロトタイピングツール」
第32回デザイン勉強会 「web制作のプロトタイピングツール」第32回デザイン勉強会 「web制作のプロトタイピングツール」
第32回デザイン勉強会 「web制作のプロトタイピングツール」
 
WP-D Fes03 Osaka Kitamura Tah
WP-D Fes03 Osaka Kitamura TahWP-D Fes03 Osaka Kitamura Tah
WP-D Fes03 Osaka Kitamura Tah
 
イマドキWEBデザイン/140712fsumi
イマドキWEBデザイン/140712fsumiイマドキWEBデザイン/140712fsumi
イマドキWEBデザイン/140712fsumi
 
2014/03/29 WordBench TOKYO
2014/03/29 WordBench TOKYO2014/03/29 WordBench TOKYO
2014/03/29 WordBench TOKYO
 
2014/02/01 WP-D Fes #01(sat) Megane Fes in GMO
2014/02/01 WP-D Fes #01(sat) Megane Fes in GMO2014/02/01 WP-D Fes #01(sat) Megane Fes in GMO
2014/02/01 WP-D Fes #01(sat) Megane Fes in GMO
 
W ctokyo2012 timing
W ctokyo2012 timingW ctokyo2012 timing
W ctokyo2012 timing
 
Osc2012tokyo timing
Osc2012tokyo timingOsc2012tokyo timing
Osc2012tokyo timing
 

Adobe Best of MAX 2015「コーダーに嫌われないWebデザインデータの作り方とクラウド共有のススメ」