CSS Nite LP34:Webデザインで使うPhotoshop

2014年4月19日(土)御茶ノ水ソラシティカンファレンスセンターで開催 http://cssnite.jp/lp/lp34/
3
前へ 1 ・・ 8 9 次へ
tsumomah @tsumomah

エレメントを複製、便利です。CMS想定ならこれは基本的だから!といいたいくらい理想的なワークフロー #cssnite_lp34

2014-04-19 18:08:36
tsumomah @tsumomah

画像アセットからリンクされているものは、元を変更するとちゃんと反映される。これは便利。分単位の作業効率UP #cssnite_lp34

2014-04-19 18:10:14
CSS Nite @cssnite

牧下「「フォーマット」用、「エレメント」用の PSD ファイルを作っておき、「画像アセット」で書き出して、「リンクを配置」で設定しておくことで、要素やパーツの変更を行う場合でも、各ページごとに一つ一つ修正を行わなくても、一括で変更が可能になる。」 #cssnite_lp34

2014-04-19 18:11:15
tsumomah @tsumomah

エクステンション、謎の作業w #cssnite_lp34

2014-04-19 18:11:16
Hisako/しおりん @hisara_

今回よく出てくる「画像アセット」用の拡張子をつけるスクリプトはこちらに用意されていたりします。解説もあるよ。 http://t.co/3LubsiP0E7 #cssnite_lp34

2014-04-19 18:11:53
tsumomah @tsumomah

レイヤースタイルをコピー、で今まで思考停止していました #cssnite_lp34

2014-04-19 18:12:45
Hisako/しおりん @hisara_

こんな風に構造化して汎用的にデザイナーがデザインしてくれるなんて、後のコーダーさんは楽だよな〜。 #cssnite_lp34

2014-04-19 18:13:52
モカ @mocamoca

scriptingListnerを使ったら、ツールの変更を記録できましたo(^0^)o #cssnite_lp34

2014-04-19 18:14:13
CSS Nite @cssnite

牧下「「段落」パネルの数値の「インデント」の値を使うと、ボックス内に記述していくテキストの padding の値を調整するのが楽になる。」 #cssnite_lp34

2014-04-19 18:14:13
イシジマ ミキ@デザイナー不在の組織得意マン @mikiishijima

テキストボックスでインデントを使ったとき、その余白をコーダーさんに伝えるのはどうするのが良いのでしょうか? specctrなど付与することが多いのですが、認識されなさそうで心配です。#cssnite_lp34

2014-04-19 18:14:38
tsumomah @tsumomah

ファイル→スクリプト→すべての空白レイヤーを削除、こんなのあるのか!今までレイヤーをいちいち確認してしまっていたわ! #cssnite_lp34

2014-04-19 18:17:15
Hisako/しおりん @hisara_

レイヤーのソートの機能が搭載されてから、ここまで使い込んでいる人に初めてあったかも! #cssnite_lp34

2014-04-19 18:17:29
CSS Nite @cssnite

牧下「デザインが完成し、マークアップエンジニアに渡す際、使用しないレイヤーを削除する。「属性」の「非表示」を選択すると、使用していないレイヤーのみを表示させることができる。ただ、他で使いたいスタイルなどがある場合、別途命名規則を用意して管理しておく。」 #cssnite_lp34

2014-04-19 18:17:56
tsumomah @tsumomah

自分が無知だということが改めて痛感する。いろんな機能を知らなすぎる。 #cssnite_lp34

2014-04-19 18:18:04
なつき@Webスクール動画開催 @Stocker_jp

すべてのレイヤーに対して何かする系のスクリプトってかなり重いので、フリーズすることはたまにありますね。 #cssnite_lp34

2014-04-19 18:18:29
ふっちー @Fuchie

Photoshop を使用するデザイナーにとっての一番の恐怖「Photoshop がフリーズ → Photoshop が落ちる → 数時間かけて作ったデザインが一瞬にして消える・・・」 #cssnite_lp34

2014-04-19 18:19:25
tsumomah @tsumomah

あっ、やはりw(強制修了) #cssnite_lp34

2014-04-19 18:20:40
鷹野 雅弘 Masahiro Takano @swwwitch

[保存しない]ボタンは、マウスクリックの代わりに、command+Dキーが使えます。 #cssnite_lp34

2014-04-19 18:21:56
tsumomah @tsumomah

そだ!自動保存があったんだ! #cssnite_lp34

2014-04-19 18:22:03
Hisako/しおりん @hisara_

レイヤーカンプは昔からある機能なんだけど、画像アセット機能がつくまで、超、超、超使ってました!スクリプトで一括に書き出せますし。 #cssnite_lp34

2014-04-19 18:22:07
CSS Nite @cssnite

牧下「デザインファイルを作成する際は、共通エレメントとページ単位のデザインファイルを分けて作成しよう、レイヤー作成の際は、レイヤー構造や命名規則を管理して簡単に切り替えられるように。」 #cssnite_lp34

2014-04-19 18:23:59
CSS Nite @cssnite

牧下「エレメント作成の際は、スウォッチやスタイルを活用してサイト共通のデザインルールを管理しましょう。」 #cssnite_lp34

2014-04-19 18:24:27
みれっち @millech

いやコレはいいセッションでした!!!#cssnite_lp34

2014-04-19 18:24:31
Sカオリ @skaori_ss

レイヤー名付けるの無精しがちなの見直そうと思います… #cssnite_lp34

2014-04-19 18:25:14
前へ 1 ・・ 8 9 次へ