僕はSketchが好きです。

1. https://www.flickr.com/photos/27126314@N03/9833150603
メンテナブルPSD

2. @pocotan001
Hayato Mizuno

3. メンテナンス
60%
開発
40%
http://d.hatena.ne.jp/asakichy/20120420/1334872770

4. メンテナンス
60%
開発
40%
http://d.hatena.ne.jp/asakichy/20120420/1334872770
要件変更
60%
移行
23%
バグ修正
17%

5. メンテナンス
60%
開発
40%
http://d.hatena.ne.jp/asakichy/20120420/1334872770
理解する時間
30%

6. http://p.twipple.jp/qk9sw

7. http://p.twipple.jp/qk9sw
＿人人人人人人人人人人＿
＞ 早くお家帰りたい ＜
￣Y^Y^Y^Y^Y^Y^Y^Y^Y￣

8. http://opensignal.com/reports/2014/android-fragmentation/

9. http://dribbble.com/shots/1280333-iWatch-Mock-Up

10. https://signalvnoise.com/posts/1061-why-we-skip-photoshop

11. http://www.webdesignerdepot.com/2013/02/is-photoshop-dead/

12. We're not designing pages, we're designing systems of components.
“我々はページをデザインしているの
ではない、コンポーネントのシステ
ムをデザインしているのだ。
- Stephen Hay
http://bradfrostweb.com/blog/mobile/bdconf-stephen-hay-presents-responsive-design-workflow/

13. http://styletil.es/

14. http://www.bestpsdfreebies.com/freebie/appz-psd-theme/

17. ページの管理から開放される
ためのアイディア

18. http://ameblo.jp/ca-1pixel/entry-11631764246.html

19. http://ameblo.jp/ca-1pixel/entry-11631764246.html
“抜本的な改革に踏み切る、いわゆる「ダカ
イゼン」は別として、
それら「カイゼン」は主に部分的なモデュー
ルに対しての改修や、モデュールの抜き差
しによるページ構成の再編などが中心とな
ります。

21. header.psb
global-nav.psb
image-slider.psb
button.psb
gossip-talk.psb
following-talk.psb

22. assets
pages

23. assets
pages

24. assets
pages
layout
components
modules

25. assets
pages
layout
components
modules
header.psb
sidebar.psb
…

26. assets
pages
layout
components
modules
button-primary.psb
button-secondary.psb
panel.psb
tabs.psb
…

27. assets
pages
layout
components
modules
gossip-talk.psb
pickups.psb
…

28. デザインルールに
強制力を持たせる

29. http://www.slideshare.net/hiloki/high-performance-webdesign

34. http://sfdc-styleguide.herokuapp.com/

35. http://www.google.com/design/spec/style/color.html#color-color-palette

36. ! 色: スウォッチ
! アイコン: カスタムシェイプ、アイコンフォント
! レイアウト: グリッド&ルール
! テキスト: 頑張る
! インタラクション: 頑張る

37. http://bjango.com/articles/linkedsmartobjects/

38. http://guideguide.me/

39. インタラクションとかﾏﾁﾞ無理。

40. http://codepen.io/sol0mka/full/Jsyxq/

41. http://facebook.github.io/origami/

42. https://helpx.adobe.com/edge-reflow/tutorials.html

43. https://helpx.adobe.com/edge-animate/how-to/build-web-banner.html

44. バージョンコントロール

45. http://www.google.com/intl/ja_jp/drive/

46. https://www.pixelapse.com/

47. THANK YOU