全7回 吉竹 遼のSketch入門 for UIデザイナー

吉竹 遼

海外のUIデザイナーたちの間ではすでに定番の仕事道具となったデザインツール「Sketch」。これから本格的に使い方を覚えたいデザイナーのために、人気ツールの基本操作から、チュートリアル形式で学ぶ効率的な制作方法、現場で役立つ実践的な活用・応用テクニックまで、UXデザイン会社・Standardの吉竹 遼さんが解説します。

第1回 UIデザイナーがSketchを使う理由と導入方法

2016/12/19

FREE
238
スマートフォンが世に出て以来、アプリを制作するためにデジタルツールを使うデザイナーが急増し、それに合わせて従来のツールが進化を遂げたり、時代に合った新しいツールが登場したりしています。 中でもBohemian Codingが開発・販売しているSketchは一定の人気と地位を獲得しており、今やUIデザインツールの代名詞となっています。 このLessonでは、Sketchについてまだご存知でない方やこ
今月読める記事の上限に達したか、プレミアムメンバー限定のコンテンツです。
続きは購読またはログイン してお読みください。
Loading...

第2回 Sketchの操作を覚えよう（1）画面構成から基本機能まで

2016/12/20

FREE
19
前回はSketchのインストールから起動、ライセンスの認証まで進めることができました。第2回ではSketchの基本的な機能と操作を解説します。 なお、SketchのUIは英語ですので、Photoshopなどでなじみのある日本語の名称も併記しています。ショートカットキーも併せて記載していますので、ぜひ覚えていきましょう。 各ウィンドウの名称と概要を押さえよう
今月読める記事の上限に達したか、プレミアムメンバー限定のコンテンツです。
続きは購読またはログイン してお読みください。
Loading...

第3回 Sketchの操作を覚えよう（2）インスペクターを使いこなす

2016/12/21

0
第2回はSketchのデータ構造や画面構成、基本ツールについて説明しました。この回では、インスペクター内の機能について紹介します。 インスペクター内でオブジェクトを設定する 配置したオブジェクトの設定は、インスペクターで変更できます。続いて、インスペクター内の各種設定を見ていきましょう。 Align（整列） 整列は、アートボード、オブジェクトを1つもしくは複数選択したときに、オブジェクトを整列する
今月読める記事の上限に達したか、プレミアムメンバー限定のコンテンツです。
続きは購読またはログイン してお読みください。

有料会員登録で、
すべてのLESSON記事を閲覧できます
Loading...

第4回 Sketchの操作を覚えよう（3）スタイルとシンボルをマスターする

2016/12/22

0
「スタイル」と「シンボル」は、Sketchを使いこなすうえで必須の便利な機能です。ぜひ使い方を覚えましょう。後半ではSketchの豊富なガイド機能と、そのほかの機能についても解説します。 設定を使いまわせる「スタイル」機能 スタイルは、オブジェクトに付加されている塗りやシャドウなどの設定を変数として保持することで、異なるオブジェクト間で共通の設定を適用・管理できる機能です。主に、塗りや線を管理した
今月読める記事の上限に達したか、プレミアムメンバー限定のコンテンツです。
続きは購読またはログイン してお読みください。

有料会員登録で、
すべてのLESSON記事を閲覧できます
Loading...

第5回 チュートリアルで学ぶ、Sketchを使ったアプリUIデザインの実践

2016/12/26

5
第2回〜4回にかけてSketchの基本機能・操作について学びました。第5回では実際にアプリのUIの作成を通して、実務で使えるSketchのノウハウをご紹介します。 お題はWPJのアプリ 今回はこのWPJのビューアーアプリを作成するというお題で進めます。本来であればデザインに入る前に「なぜアプリを作らなければならないのか」「アプリでしか提供できない価値は何か」といったことを考えるべきですが、今回はそ
今月読める記事の上限に達したか、プレミアムメンバー限定のコンテンツです。
続きは購読またはログイン してお読みください。

有料会員登録で、
すべてのLESSON記事を閲覧できます
Loading...

第6回 デザインデータの整理・書き出しとスタイルガイドの作り方

2016/12/27

0
この回では前回作成した画面をもとに、スタイルガイドの作成やアセットの書き出しといったエンジニアとの連携を中心に紹介します。 アートボードとレイヤーを整理する 画面を作り始めていくと、アートボードやレイヤーの整理が必要になります。今回作成した画面ではアートボードもレイヤーもそこまで多くありませんが、実際の業務ではそれなりの数になります。 整理の方法にセオリーはなく、さまざまな条件や環境によって変化し
今月読める記事の上限に達したか、プレミアムメンバー限定のコンテンツです。
続きは購読またはログイン してお読みください。

有料会員登録で、
すべてのLESSON記事を閲覧できます
Loading...

第7回 UI制作の実務で役立つ！ショートカットやプラグインを使った効率化

2016/12/28

0
Sketchを使ったUIデザインを学ぶこのLessonもいよいよ最終回となりました。第7回では、キーボードショートカットやプラグイン、連携ツールを中心に、実務で役立つ効率化の方法を紹介します。 キーボードショートカット Sketchはデフォルトのままでも十分に使えるショートカットが割り当てられていますが、せっかくならMacのショートカットカスタマイズ機能を使って、より自分の使い方に合ったものを設定
今月読める記事の上限に達したか、プレミアムメンバー限定のコンテンツです。
続きは購読またはログイン してお読みください。

有料会員登録で、
すべてのLESSON記事を閲覧できます
Loading...