Sketchでデザインをして気付いたPhotoshopより優れているポイント | creive【クリーブ】
こんにちは。 Sketch3にPhotoshopから乗り換えて1年が経つデザイナーです。 すでに使っている人が多数かと思いますが、慣れ親しんだPhotoshopを止められない！という方もいるのではないでしょうか。 今回は、「Sketchって気になってるけど実際どうなの？」「Photoshopとどっちがいいの？」という方へ向けて、Sketchが優れている理由をいくつかあげてみました。 是非参考にしてください！ Sketchとは SketchはMac用のベクターグラフィックソフトです。 ベクターソフトでありながらピクセル基準で作成することが前提のつくりになっており、Web制作やUIデザインに特化しています。 日本でのweb制作といえば、Photoshopが有名かと思います。 筆者も以前はPhotoshopをメインに使っていましたが、今ではSketchに魅了されメインソフトにしました。 アプリケ
アプリUI制作のチュートリアルで学ぶSketchの使い方 (1/2)
グッドパッチのデザイナーがSketch 3を使ったUIデザインの方法を解説する本連載。第1回ではSketchの魅力についてお伝えしました。今回は、スマートフォンアプリの「Sign upページ」を例に、基本的なUIをデザインする上で必要なSketchの操作を説明します。Sketchの使い方だけでなく、UIデザインに役立つTipsも紹介します。 ※文中の（A）などはショートカットキーです。積極的に使って覚えていきましょう！ Sign upページは、以下の手順で作成します。 アートボードを用意する ナビゲーションバーを置く ユーザーアイコンの画像を丸く切り抜き配置する 入力欄を作成する ボタンを作成する 解説の中では細かい数値や色については触れませんが、同じ数値で作成したい方は図を参考にしてください。また、今回作成する「Sign upページ」のSketchデータはこちらからダウンロードできます。
Sketchを買ったら読んでおきたい！基本的なことからちょっとした小技、ショートカットまとめ | Goodpatch Blog
つい最近までSketchは日本であまり知られておらず、日本語でSketchについて書いている記事はほとんどありませんでした。ところが5月7日にFireworksの開発終了が発表され、代替ツールとしてSketchの名前が急浮上。それに合わせたのかSketchが5月8日に半額セールを行い、Sketchについて書かれた記事やツイートも増えてきて、注目度の高まりが感じられます。とはいえ英語日本語問わず、Adobe製品に比べたら圧倒的に情報量が少ないSketch。Adobe製品と同じような機能やショートカットも多いですが、使いこなせるようになるまでは少し時間が掛かりそうです。Goodpatchでもマニュアルや記事を読みながら、隙間時間にSketchを触ってその機能を確かめています。というわけで今回は、Sketchの基本的な機能や、発見した小技、ショートカットなどをまとめてみました。 先日アップした「
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Zeplin
Sketch Toolbox
DrawIt - Bohemian Coding