Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
コーダーに
嫌われない
WEBデザインデータ
の作り方と
クラウド共有の
ススメ
TIMING / KITAMURA TAKASHI
北 村 崇
TIMING
東京都在住(神奈川県出身)
ロゴマーク、キャラクター、グッズ、グラフィックデザインを中心に活動を開始し、現在はWebデ
ザイン、ディレクションなども行っている。
WordPressやConcrete5等CMS構築/書籍...
ゼロから
はじめる
デザイン
北村 崇
Takashi Kitamura
Designing From Scratch
センス不要
直感でわかりやすい作例とともに、
デザインの「なぜ?」にやさしく答えます
Books
•ゼロからはじめるデザイン...
コーダーに嫌われる
デザインデータとは
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
あるあるデータ
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
すべて実話です
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
昔々、あるところに、おじいさんとおばあさんが住んでいました。
 おじいさんは山へしばかりに、おばあさんは川へ洗濯に行き
ました。
Momo-taro
むかしむかし、ある村に、浦島太郎という若者がいました。
 太郎が海辺を通りかかると、子どもたち...
昔々、あるところに、おじいさんとおばあさんが住んでいました。
 おじいさんは山へしばかりに、おばあさんは川へ洗濯に行き
ました。
Momo-taro
むかしむかし、ある村に、浦島太郎という若者がいました。
 太郎が海辺を通りかかると、子どもたち...
小さすぎる
CASE1
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
昔々、あるところに、おじいさんとおばあさんが住んでいました。
 おじいさんは山へしばかりに、おばあさんは川へ洗濯に行き
ました。
Momo-taro
むかしむかし、ある村に、浦島太郎という若者がいました。
 太郎が海辺を通りかかると、子どもたち...
昔々、あるところに、おじいさんとおばあさんが住んでいました。
 おじいさんは山へしばかりに、おばあさんは川へ洗濯に行き
ました。
Momo-taro
むかしむかし、ある村に、浦島太郎という若者がいました。
 太郎が海辺を通りかかると、子どもたち...
スポイト抽出
CASE2
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
昔々、あるところに、おじいさんとおばあさんが住んでいました。
 おじいさんは山へしばかりに、おばあさんは川へ洗濯に行き
ました。
Momo-taro
むかしむかし、ある村に、浦島太郎という若者がいました。
 太郎が海辺を通りかかると、子どもたち...
昔々、あるところに、おじいさんとおばあさんが住んでいました。
 おじいさんは山へしばかりに、おばあさんは川へ洗濯に行き
ました。
Momo-taro
むかしむかし、ある村に、浦島太郎という若者がいました。
 太郎が海辺を通りかかると、子どもたち...
手動リサイズ
CASE3
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
昔々、あるところに、おじいさんとおばあさんが住んでいました。
 おじいさんは山へしばかりに、おばあさんは川へ洗濯に行き
ました。
Momo-taro
むかしむかし、ある村に、浦島太郎という若者がいました。
 太郎が海辺を通りかかると、子どもたち...
昔々、あるところに、おじいさんとおばあさんが住んでいました。
 おじいさんは山へしばかりに、おばあさんは川へ洗濯に行き
ました。
Momo-taro
むかしむかし、ある村に、浦島太郎という若者がいました。
 太郎が海辺を通りかかると、子どもたち...
小さすぎる2
CASE4
コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
むかしむかし、木こりのおじいさんは、お昼になっ
たので、切りかぶに腰をかけてお弁当を食ベる事に
しました。
Omusubi-kororin
むかしむかし、あるところに、ほっぺたに大きなこ
ぶのあるおじいさんが住んでいました。
 おじいさんがまき...
むかしむかし、木こりのおじいさんは、お昼になっ
たので、切りかぶに腰をかけてお弁当を食ベる事に
しました。
Omusubi-kororin
むかしむかし、あるところに、ほっぺたに大きなこ
ぶのあるおじいさんが住んでいました。
 おじいさんがまき...
加工がバラバラ
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デザインデータの作り方とクラウド共有のススメ
Upcoming SlideShare
Loading in …5
×

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

2015/11/11に行われた、Adobe Best of MAX 2015でのセッション「コーダーに嫌われないWebデザインデータの作り方とクラウド共有のススメ」スライド

  • Login to see the comments

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

  1. 1. コーダーに 嫌われない WEBデザインデータ の作り方と クラウド共有の ススメ TIMING / KITAMURA TAKASHI
  2. 2. 北 村 崇 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
  3. 3. ゼロから はじめる デザイン 北村 崇 Takashi Kitamura Designing From Scratch センス不要 直感でわかりやすい作例とともに、 デザインの「なぜ?」にやさしく答えます Books •ゼロからはじめるデザイン •現場で必ず使われているWordPressデザインのメソッド •ビジネスサイト制作で学ぶ WordPress「テーマカスタマイズ」徹底攻略 他 コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  4. 4. コーダーに嫌われる デザインデータとは コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  5. 5. あるあるデータ コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  6. 6. すべて実話です コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  7. 7. 昔々、あるところに、おじいさんとおばあさんが住んでいました。  おじいさんは山へしばかりに、おばあさんは川へ洗濯に行き ました。 Momo-taro むかしむかし、ある村に、浦島太郎という若者がいました。  太郎が海辺を通りかかると、子どもたちが大きなカメを捕ま えていました。 Urashima-taro コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  8. 8. 昔々、あるところに、おじいさんとおばあさんが住んでいました。  おじいさんは山へしばかりに、おばあさんは川へ洗濯に行き ました。 Momo-taro むかしむかし、ある村に、浦島太郎という若者がいました。  太郎が海辺を通りかかると、子どもたちが大きなカメを捕ま えていました。 Urashima-taro 20px コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  9. 9. 小さすぎる CASE1 コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  10. 10. 昔々、あるところに、おじいさんとおばあさんが住んでいました。  おじいさんは山へしばかりに、おばあさんは川へ洗濯に行き ました。 Momo-taro むかしむかし、ある村に、浦島太郎という若者がいました。  太郎が海辺を通りかかると、子どもたちが大きなカメを捕ま えていました。 Urashima-taro コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  11. 11. 昔々、あるところに、おじいさんとおばあさんが住んでいました。  おじいさんは山へしばかりに、おばあさんは川へ洗濯に行き ました。 Momo-taro むかしむかし、ある村に、浦島太郎という若者がいました。  太郎が海辺を通りかかると、子どもたちが大きなカメを捕ま えていました。 Urashima-taro #ba78ac #ba6bac コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  12. 12. スポイト抽出 CASE2 コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  13. 13. 昔々、あるところに、おじいさんとおばあさんが住んでいました。  おじいさんは山へしばかりに、おばあさんは川へ洗濯に行き ました。 Momo-taro むかしむかし、ある村に、浦島太郎という若者がいました。  太郎が海辺を通りかかると、子どもたちが大きなカメを捕ま えていました。 Urashima-taro コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  14. 14. 昔々、あるところに、おじいさんとおばあさんが住んでいました。  おじいさんは山へしばかりに、おばあさんは川へ洗濯に行き ました。 Momo-taro むかしむかし、ある村に、浦島太郎という若者がいました。  太郎が海辺を通りかかると、子どもたちが大きなカメを捕ま えていました。 Urashima-taro 30px 29.8px コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  15. 15. 手動リサイズ CASE3 コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  16. 16. 昔々、あるところに、おじいさんとおばあさんが住んでいました。  おじいさんは山へしばかりに、おばあさんは川へ洗濯に行き ました。 Momo-taro むかしむかし、ある村に、浦島太郎という若者がいました。  太郎が海辺を通りかかると、子どもたちが大きなカメを捕ま えていました。 Urashima-taro コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  17. 17. 昔々、あるところに、おじいさんとおばあさんが住んでいました。  おじいさんは山へしばかりに、おばあさんは川へ洗濯に行き ました。 Momo-taro むかしむかし、ある村に、浦島太郎という若者がいました。  太郎が海辺を通りかかると、子どもたちが大きなカメを捕ま えていました。 Urashima-taro 8px コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  18. 18. 小さすぎる2 CASE4 コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  19. 19. むかしむかし、木こりのおじいさんは、お昼になっ たので、切りかぶに腰をかけてお弁当を食ベる事に しました。 Omusubi-kororin むかしむかし、あるところに、ほっぺたに大きなこ ぶのあるおじいさんが住んでいました。  おじいさんがまきを割る度に、ほっぺたのこぶが、 ブルルン、ブルルン。 Kobutori-jisan コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  20. 20. むかしむかし、木こりのおじいさんは、お昼になっ たので、切りかぶに腰をかけてお弁当を食ベる事に しました。 Omusubi-kororin むかしむかし、あるところに、ほっぺたに大きなこ ぶのあるおじいさんが住んでいました。  おじいさんがまきを割る度に、ほっぺたのこぶが、 ブルルン、ブルルン。 Kobutori-jisan 画像100px 線内側6px 画像88px 線外側6px コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  21. 21. 加工がバラバラ CASE5 コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  22. 22. 最低限の知識 +最低限のデータ管理 コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  23. 23. お互い気持ちよく やりとりするために コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  24. 24. どうやってデータを 作るのがよいのか コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  25. 25. オブジェクトを管理する コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  26. 26. コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  27. 27. 色を管理する コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  28. 28. コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  29. 29. 文字を管理する コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  30. 30. a link hover Contents text Head Title H1 Head Title H2 Head Title H3 コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  31. 31. 修正にやさしい データをつくる コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  32. 32. WEBは汎用性と規則性 コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ
  33. 33. コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ DEMO DEMO
  34. 34. THANK YOU コーダーに嫌われないWEBデザインデータの作り方とクラウド共有のススメ

×