Sketch vs Photoshop | soohei.net

12/15時点で最新のver.3.2.1を使っています。
現時点で問題がありそうなのが、

・日本語の行間が正しく反映されない。

・Symbol (スマートオブジェクト的なもの) がネストできない

・レイヤーをレイヤーパレット内でドラッグして並び替えられない

・単位がpxのみで、dpi, pt という考えが無いので、フォントサイズなどが、CSS、Xcodeに記述したい値の2倍になってしまう。(RetinaオプションONで作業しているせい？)

・シンボルや定義したテキストフォーマットに対して、レイヤー効果的なものを重ねられない

・ショートカットキーを覚えるのが面倒 (末尾に自分で設定したものを載せてます)

唯一、Photoshopよりも優れているかもしれないのは、素材のエクスポート機能。
SVGの書き出しや、3x素材の書き出しは、Photoshop × Slicy でもまだ対応出来ていないので、Sketchの方が優れている。

Sketch Appが最高で、Photoshopはオワコンみたいな空気が気になっていたので、
1週間触って、1案件分のデザインデータを移植してみたけど、まだ全然実用レベルじゃなかった。
(※ PhotoshopはCC2014ではなく、CCを使っています)

Sketchを絶賛している人は、Photoshopの使い方が下手か、マシンスペックが足りてない。
または、来月日本に帰る時に、ぜひSketchマスターのレクチャーを受けたいです。(連絡先: @soohei, http://td-inc.jp/contact)

———

・Photoshopライクにするショートカットキー

拡大

Center Canvas
Cmd + 0

Actual Size
Cmd + 1

ガイドの表示非表示

Show Smart Guides
Cmd + ;

Hide Smart Guides
Cmd + ;

—

レイヤーの重ね順

Backward
Cmd + [

Move To Back
Shift + Cmd + [

Forward
Cmd + ]

Move To Front
Shift + Cmd + ]

—

フォントサイズ変更

Smaller
Shift +Cmd + ,

Bigger
Shift + Cmd + .

・Flashライクにするショートカットキー

同じ場所にペースト
Paste in Place
Shift + Cmd + V

オブジェクトを拡大・縮小
Scale…
Option + Cmd + S

・以下は、https://designcode.io/sketch を見ながら設定

Make Grid…
Shift + Cmd + M

Round to Nearest Pixel Edge
Shift + Cmd + R

Create Symbol
Shift + Cmd + J

Create Shared Style
Shift + Cmd + K

Paste and Match Style
Shift + Cmd + B