コーダーに 嫌われない WEBデザインデータの作り方と クラウド共有のススメTIMING / KITAMURA TAKASHI

北 村 崇TIMING

東京都在住（神奈川県出身） ロゴマーク、キャラクター、グッズ、グラフィックデザインを中心に活動を開始し、現在はWebデザイン、ディレクションなども行っている。

WordPressやConcrete5等CMS構築／書籍執筆／個人や団体セミナー／スクール講師　など

コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ

Facebook : t a kash i . k i t amura . 99Tw i t t e r : 　 @tah_ t im i ngI n s t ag ram : t ah _ t im i ng

ゼロからはじめるデザイン

北村 崇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デザインデータの作り方とクラウド共有のススメ

小さすぎる2CASE4

コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ

むかしむかし、木こりのおじいさんは、お昼になったので、切りかぶに腰をかけてお弁当を食ベる事にしました。

Omusubi-koror in

むかしむかし、あるところに、ほっぺたに大きなこぶのあるおじいさんが住んでいました。　おじいさんがまきを割る度に、ほっぺたのこぶが、ブルルン、ブルルン。

Kobutor i - j isan

コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ

むかしむかし、木こりのおじいさんは、お昼になったので、切りかぶに腰をかけてお弁当を食ベる事にしました。

Omusubi-koror in

むかしむかし、あるところに、ほっぺたに大きなこぶのあるおじいさんが住んでいました。　おじいさんがまきを割る度に、ほっぺたのこぶが、ブルルン、ブルルン。

Kobutor i - j isan

画像100px 線内側6px

画像88px 線外側6px

コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ

加工がバラバラCASE5

コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ

最低限の知識

+最低限のデータ管理

コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ

お互い気持ちよく やりとりするために

コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ

どうやってデータを 作るのがよいのか

コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ

オブジェクトを管理する

コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ

コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ

色を管理する

コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ

コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ

文字を管理する

コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ

a l ink

hover

Contents text

Head Ti t le H1

Head Ti t le H2

Head Ti t le H3

コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ

修正にやさしい データをつくる

コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ

WEBは汎用性と規則性

コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ

コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ

DEMODEMO

THANK YOU

コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ