ShellWebサービスの会社で働くデザイナーが、デザインやライフハックについてゆるく書き連ねるブログです。2015-09-03仕事で初めてSketchを使ったので感想と気付きをまとめておくデザイン最近流行りのSketchを今日初めて仕事で試したので、所感をまとめておこうと思います。見る普段の業務では基本的にPhotoshopでデザインしていたのですが、数ヶ月前からWebアプリケーションのデザインをすることになりました。そこで、Webアプリならベクター形式のイラレでモックアップ作った方が効率良さそうだな...とのことで購入しました。IllustratorでUIデザインをするための設定や効率的なワークフロー、テクニックのTipsがまとまっていてなかなかオススメです。この本の中で、結構なページ数を割いてSketchの解説をしており、そこで初めて本格的に使ってみようかなと思い試してみた次第です。Sketchとは?UIデザインに特化したデザインツールです。Illustratorと同じベクターベースですが、Illustratorと違ってWebやスマホアプリのデザイン用途として作られているため、完全にピクセルベースです。Storeから行くと有料ですが、公式サイトからだと30日間のフリートライアル版をダウンロードすることができます。Cloudを入れているのにSketchなんて新興のツールを使う必要があるのだろうか...と思っていましたが、使ってみるとなかなか良かったです。以下、初めて使った所感をまとめておきましたので、気になる方はぜひ試してみてください。操作が簡単でわかりやすいIllustratorが元々DTP向けに作られ、ほぼグラフィック専用のソフトだったところから、時代の流れと共にWeb向けの機能を取り込みながら進化してきた...という経緯もあり基本的にかなりの多機能です。Sketchは完全にUIなどデジタルのデザインに特化したツールとして開発されたものですので、UIデザイン以外にいらない機能は何もついていません。そのため、画面レイアウトがコンパクトで操作も簡単です。これならデザイナーだけでなく、エンジニアも触りやすいと思いました。Sketchそのもののビジュアルが美しいSketchのUIはフラットな色使いですっきりしており、純粋にキレイなので使っていて楽しくなりました。オブジェクトを配置する際のガイドの表示なども親切で丁寧だし、気持よく使えるソフトだと感じました。完全にピクセルベースなのでにじまないWebデザインのカンプ作成において主流であるPhotoshopやIllustratorも、もともとはWebやUIデザイン専用のソフトではありません。そのため、基本的にはユーザーがWebデザイン向けの環境設定をきちんと行ってから作業に取り組まなければなりませんでした。その際、オブジェクトの最小移動単位を1pxにしておいても、もろもろの設定との兼ね合いで小数点以下の数値が適用されてしまい、縁がにじんでしまったりすることがよくあります。Sketchならば、きちんと1px単位でオブジェクトを扱えるので、縁がにじまず綺麗にレンダリングされて気持ちがいいです。まとめSketchはコミュニティも活発なようで、GitHubなどでは便利なプラグインなどのソースコードもたくさん公開されているようです。いっても、まだまだメジャーなツールではありませんし、現状ではMac専用ということもあり会社で実際に導入されるケースはまだまだ少ないと思います。Flintoなど最新のプロトタイピングツールなどとも親和性が高く、今後ますます期待できるデザインツールだと言えるでしょう。わたしも今日はじめて使ったので慣れてバリバリ使いこなすまでにはもう少し時間が必要になりそうですが、これからSketchもどんどん活用していけたらと思います。P.S.下記の本では、Sketchの使い方や活用方法について詳しく解説されています。Sketchに関する本は現状ではほとんど出ていないので、UIデザインをされる方はチェックしておいて損は無いと思います。去年の年度末頃に、「Figma」というコラボレーションツールを知...2016-02-03Sketchって流行ってるけど、正直どうなの?最近、Sketchを使うデザイナーが増えてきているようですね。Comet」に注目!気になるニュースを発見しました。Reserved.スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。