2017年7月21日

気になるSketchの便利な機能をご紹介!

おさらいしておきたいSketchに関する記事まとめ

おさらいしておきたいSketchに関する記事まとめ

デザイン系ツールとして、「軽量」「使いやすい」と高く評価されるSketch。Sketchの魅力や利便性を知ってもらうために、ツールを活用する上で参考になる記事を集めました。

Sketchユーザーのみならず、これから使ってみたいと思っている人もぜひチェックしてみてください!
 

(1)Photoshopで使うショートカット・Sketch版


特に海外で絶大な人気を誇るデザイン系ツール"Sketch"。
「使いやすい」と評判が広がり、日本でも注目を集めています。
そんな中、「Sketchってどんな感じだろう」と気になっているPhotoshopユーザー、またはSketchに移行したという方にオススメしたい記事があったので紹介します。

その記事がこちら《PhotoshopからSketch3に乗り換える時に覚えておくと便利なショートカット》
PhotoshopからSketchへの乗り換えを実践した筆者のKatsuyaさんが、Photoshopでよく使うショートカットをピックアップし、Sketchで使うショートカットキーとの違いを一目でわかるよう両者を並べて紹介しています。Sketch初心者のショートカット早見表としても活用できそうですね!

フリーのWebデザイナー兼エンジニアとして活躍するKatsuyaさんのブログ『Recost Design』には、Web制作の勉強に役立つ記事が多数アップされています。アクセスして、読みたいテーマを検索してみてください。

【参照元】
https://recost-design.com/1642.html
 

(2)Sketchでの素材の書き出しを10倍早くする3つの小技


デザイナーのTaiki Ikedaさんが運営する『Tondemo! Design』には、デザイン制作のワンポイントアドバイス、コーディング、便利ツールなど注目のお役立ち記事が豊富にエントリーしています。

その中にある、オススメのSketch記事がこちら《Sketchでの素材の書き出しを10倍早くする3つの小技》です。
Taiki Ikedaさんが実践している、素材の書き出しを効率良くするワザを教えてくれます。
ここでは、
・書き出す素材を1箇所にまとめる
・Sliceツールを一気に選択
・デバイスごとの解像度に書き出す
の3つのテクニックが紹介されています。

手順一つ一つにスクショが添付されていて、見やすいのが嬉しいポイント。Sketch作業の効率をアップさせる為に、しっかり目を通してみてくださいね!

【参照元】
https://tondemodesign.com/sketch-tips-slice/
 

(3)Sketchを使う上で知っておくと地味に便利なtips


Marinさんのブログ『tipsBear』では、Webデザイン・コーディング等の制作メモを発信しています。

こちらのブログにエントリーしている《Sketchを使う上で知っておくと地味に便利なtips》の記事に、Sketchユーザーにやさしい情報がアップされていました。

ここでは、グループ化したレイヤーを簡単に選択する方法、アートボード一覧を一気に見渡す方法、レイヤーをロック・ロック解除する方法など、ちょっとした作業を効率化できるノウハウが詰まっています。
有効に活用できるtipsを頭に入れて、Sketchの機能を快適に使いこなしましょう!

また上記の他、初心者向けに書かれた《初心者向け:これからSketchを使いたい人や既に使っている人のおさらいに! Sketchの使い方のまとめ》の記事もオススメです!各種設定から使い方まで、作業の土台となる基本がまとめられているので、Sketchを使う前に一読しておくと良いでしょう。

【参照元】
http://tipsbear.com/sketch-tips/
 

(4)Sketchって結局どんな感じ?と思ったので試してみた話


フリーランスWebクリエイターの霙さんが運営するブログ『ウェビメモ』には、Sketchのレビューと機能ごとの使い方がまとめてありました。

それがこちらの記事《まだ使っていない方にはオススメしたい。Sketchって結局どんな感じなのよ?と思ったので試してみたよ。》です。

このSketchはWebデザインはもちろん、特にアプリデザインでかなりの真価を発揮するのだとか。
霙さん自身も作業時間の短縮に繋がったようで、感動するくらい使い勝手がいいとのことです。
具体的には、複数のアートボード作成が可能であったり、OSのUIテンプレートが実装されていたり…まだ使用したことがない方や、使い方を忘れた方にも分かりやすいようにスクショ付き、もしくは動画付きで紹介されています。

また、iPhoneやAndroidのアプリ制作に便利なプラグインや、覚えて損はないSketchのショートカットキーについてもまとめられているので、参考にしてみてはいかがでしょうか。

こちらのブログには、まだまだ読み応えのある記事がエントリーしています。
併せて読むと、何か新しい発見があるかもしれませんよ。

【参照元】
http://webimemo.com/mac/8599
 

(5)オブジェクトの縦横を中央寄せするショートカットを定義する


Mac専用のSketchユーザーの方にぜひ見て欲しいのが、作業効率アップに使える小技が書かれた《[Sketch3]Mac専用 Sketch3でオブジェクトの縦横を中央寄せするショートカットキーを定義する》の記事です。
自身が割り当てたショートカットキーで、オブジェクトの縦横の中央寄せを実現する方法が書かれています。

キーの割り当て・中央寄せの定義・ショートカット実践の流れでスクショと共に説明してあるので、見本にしながら一つ一つ設定できますよ!ショートカットで作業の動きをよりコンパクトにすることで、自分も気持ちよく仕事に取り組めそうですね。

上記の記事が掲載されていたのは、広島在住のフリーWeb系エンジニアとして活動中の管理人さんが運営する『o24ブログ』
こちらでは、自身で制作したLINEスタンプ・iOSアプリの紹介をはじめ、ガジェット情報、キーボード作り、コンピューターツールの操作ノウハウなど幅広い情報をキャッチできます。

合間時間を見つけて、興味のある分野をチェックしてみてはいかがでしょう。

【参照元】
http://blog.o24.me/?p=869
 

(6)Sketch3でWebデザインするために最低限知っておきたいこと


Webディベロッパーとして活躍中のk.ishiwataさんが運営する『WEBOPIXEL』は、Web制作業務での気付きや価値ある情報がまとめられたサイト。幅広いカテゴリー記事が揃っており、制作のヒントがぎっしり詰まっています。

その中に、Sketchの基本的な機能がまとめられていたので紹介します。

その記事がこちらの《Sketch3でWebデザインするために最低限知っておきたいこと》です。
・アートボードの作成
・グリッドの設定
・オブジェクトの作成
などWebデザインで使う機能をピックアップし、それぞれのメニューの開き方や作業方法が書かれています。
Sketchに移行するか迷っている方は、予めこちらを参考にしてみるといいでしょう。

k.ishiwataさんは、FireworksからSketchに移行したとのこと。Fireworksと照らし合わせて語られているので、他のツールが気になるFireworksユーザーの方にもオススメですよ。


【参照元】
http://www.webopixel.net/web-design/1081.html

役に立った/参考になったと思ったら、シェアをお願いします。

人気のスキルの求人・案件情報

レバテッククリエイター
おすすめコンテンツ

レバテッククリエイターはWeb・ゲーム業界に特化したデザイナー・クリエイター向けの求人・案件提案サービスです。