マルチデバイス時代のアプリ制作を助けるPhotoshop厳選機能紹介
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

マルチデバイス時代のアプリ制作を助けるPhotoshop厳選機能紹介

  • 1,693 views
Uploaded on

レスポンシブWebデザイン・アプリ開発などひとりWebデザイナーでまかなうには工夫が必要な時代がきました。そこで本スライドでは制作を助ける便利な新機能やエクステンションを紹介いたします。

レスポンシブWebデザイン・アプリ開発などひとりWebデザイナーでまかなうには工夫が必要な時代がきました。そこで本スライドでは制作を助ける便利な新機能やエクステンションを紹介いたします。

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • Ustream録画での動画と合わせてご覧ください。

    http://www.ustream.tv/recorded/40994453

    15:00から
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
1,693
On Slideshare
1,652
From Embeds
41
Number of Embeds
3

Actions

Shares
Downloads
12
Comments
1
Likes
16

Embeds 41

https://twitter.com 21
http://s.deeeki.com 19
http://slideshare-download.seesaa.net 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. ワークフローの変化
  • 2. ワークフローの変化
  • 3. ワークフローの変化 デザインには汎用性がある
  • 4. 動くプロトタイプが急務
  • 5. ブラウザ上でそのまま実装していく 「インブラウザーデザイン」という考え方 動くプロトタイプが急務
  • 6. ブラウザ上でそのまま実装していく 「インブラウザーデザイン」という考え方 動くプロトタイプが急務 「デザイナー」もコードから始まるように
  • 7. 初期は雑なコードでも良い 1.デバイスで実現できるのか 2.インタラクション 3.トランジション 4.ページ遷移 チームで共有することの方が重要
  • 8. Photoshopは不要か?
  • 9. NO
  • 10. コンセプト制作 CSS3以外の表現 デザイン思考錯誤
  • 11. Photoshopは無くならない
  • 12. Photoshopは無くならない 早くコードにする環境を整えて最適化
  • 13. 画像の書き出しを助ける • Photoshop Generator • • Adobe Layer Namer Slicy コーディングを助ける • CSSをコピー • specctr
  • 14. Generator
  • 15. PSで認識できる単位 なら混同してもOK。 mm,cm,inch,px,% が指定可能 圧縮率の設定 foo.png-8 foo.png-32 foo.jpg-100% ※(1-10)でも可
  • 16. Adobe Layer Namer
  • 17. コーディングを助ける
  • 18. CSSをコピー
  • 19. 機能は「速さ」を助ける
  • 20. 機能は「速さ」を助ける 「正確さ」「クオリティ」に注力するための速さ
  • 21. 効率や速さを追求したい あなたに