3レビュー!PhotoShopからのりかえた5つの魅力!参考リンクのまとめもあり07/29/2015Web制作を始めてからずっとFireworksを愛用してきたが、開発がストップするということで、少しづつPhotoShopに移行しはじめていた。PhotoShopは多機能だし、使いこなせればなんでも作れるくらい凄いアプリだと思う。多くの人に使われているし。多機能であるがゆえにFireworksに慣れた僕にとっては、いまだに上手くなじめていない感がずっとあった。3ははじめからしっくりきたSketchは日本ではまだマイナーだけど、海外ではFireworksが終了してから、Sketchを使うユーザーが爆発的に増えたらしい。使ってみるとそれも納得できる。操作に違和感がなくて、やりたいことが直感的にできる感じ。触ってみるとkeynoteの使いやすさにも通じるものがある。後発のアプリということもあってか思考が新しい。最近のWeb制作・アプリ開発にマッチしているから違和感がない。一つのオブジェクトから複数の解像度に書き出せる。retina対応もグッと楽になる。動作が軽快まずアプリを使う上での前提は動作が快適なことが挙げられる。使うアプリだからこそ軽さは重要。Sketchはもっさり感がまったくない。保存する時も一瞬で終わる。自動保存されるので、うっかりミスがあっても安心という素晴らしさ。履歴から過去のバージョンに戻すこともできる。わかりやすいUIだから学習コストが低いWebとモバイルに特化。不必要な機能を排除している。理解して使い始められるし、学習コストが低い。実際に、触って1日でおおよその使い方を覚えることができた。最初にオブジェクトを作る。ペンで書くか、四角、円、テキスト...などを選んで配置していく。Webやアプリで使われるようなデザインを作りやすくなっている。角丸やグラデ、シャドウなどなどエフェクトも自由自在に設定できるのだが、設定パネルの項目が多くないのが迷わない。全てがベクターベクターなので一つのオブジェクトから複数の解像度で一発書き出しができる。これからはRetina対応にも苦しめられない。Fireworksのように直感的にスライスもつくれる。全てのパーツはCSSで書きだすことができる。閲覧環境においては解像度や端末が違うのがあたりまえになった今、ボタンを画像で書きだすことも少なくなった。CSSで表現すれば各デバイスで柔軟に対応できる。ビジュアル的に作ったものを、そのままCSS化して取り出せてしまう。ページ機能Fireworksのようにページという概念がある。アートボードも複数作れる。ページごとにファイルを分けなくてすむ。そのまま、マウスクリックで拡大縮小できる。1でオブジェクト全体が収まるようにズームイン。2で選択したオブジェクトだけが収まるようにズームイン。3はキャンバスの中心に移動。↓で一番下に移動)そのほかスライスのview?についての表示・非表示切替は左下のアイコン。基本スマートガイドがONになっているので、オブジェクトをマウスで移動させようとすると、いろんなところで整列するように吸着する。スマートガイドを適用させずに移動させたい時はCmdを押しながら移動させるといい。Sourcesから、いろんなSketchファイルが落とせるので、これを見ながら作り方を学ぶのもいい。iPhoneのパーツなんかもあって、モックアップに使えそう。「自分のサービスで生きていく」をコンセプトに個人開発オンラインサロン「入江開発室」を運営(詳しいプロフィール)あわせて読みたいほれぼれする美しい「ログイン画面」のデザインを集めてみたネット歴18年の僕が使っているサブスクリプションサービスおすすめ8選!解約したサービスも紹介。