おためし受講中

Photoshopはいらなくなる? これからのWebで変わるワークフロー

Photoshopを使ってWeb制作をしているけど、もっと便利にできないかな?と思っている方向けの授業です。

紙と同じようにデザインを作って、再現できなければ画像にしちゃえばいいじゃない!という作業でなんとかできてきたWebデザインだと、今後おまんまが食べられなくなる。そんな時代になってきました。

たくさんのデバイスが出てきて「このデバイスだと動かない!」という状況がぐんと増えてきたからです。

ですので早めにコーディングを済ませて、動くかどうかを見てからデザインをするというフローにWebデザイン自体がシフトしています。じゃあ、もうPhotoshopはいらないの? いいえ、そんなことはありません。詳しくは授業で話しますがPhotoshopはまだまだ無くならないでしょう。

今回はそんな状況でPhotoshopを使っていかに早くコーディングをできる状態にするか。など、「今」のWebデザインに寄り添った使い方を紹介していきます。

この授業を受けたら出来るようになること

・画像の書き出しが超絶ラクになる!
・CSSを書く手間が少なくなる!
・デザインのドキュメントを作る手間が少なくなる!

Photoshopはいらなくなる? これからのWebで変わるワークフロー(全1回)

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    01:32  (00:13 ~ )
    どんなデバイスがあり、どれに対応すべきか?
    05:31  (01:45 ~ )
    ワークフローの中でデザインはどんな役割を持つのか?
    04:37  (07:16 ~ )
    インブラウザーデザインとは?
    01:42  (11:53 ~ )
    デザイナーがコードを書く際の重要なポイント
    05:08  (13:35 ~ )
    Photoshopは不要か?
    05:02  (18:43 ~ )
    Photoshopに代わる先生おすすめのソフト
    02:03  (23:45 ~ )
    先生おすすめスマホ・タブレットのシミュレーター
    03:49  (25:48 ~ )
    Photoshop Generator機能の使い方
    10:43  (29:37 ~ )
    Photoshopを扱うのはWindowsでも問題ないか?
    02:33  (40:20 ~ )
    Photoshopで知っていると便利な機能「Spector Pro」
    02:12  (42:53 ~ )
    まとめ
    00:41  (45:05 ~ )
    【後半】質疑応答
    Q:Pixematorの特筆する機能は?
    01:58  (46:28 ~ )
    Q:先程のオススメ機能拡張を再度教えて下さい!
    02:50  (48:26 ~ )
    Q:オススメのデザインまとめサイト、お気に入りのデザインまとめサイトがあれば教えて下さい!
    02:32  (51:16 ~ )
    Q:実際のフローとしては、ワイヤーフレームの作成が必要だと思うのですが、そこからコーディング兼デザインでOKですか?
    01:42  (53:48 ~ )
    Q:文字の羅列が苦手なので、htmlをなるべく見ないで作成したいです。
    03:08  (55:30 ~ )
    課題発表
      (58:38 ~ )