UIデザインツール・Sketch3で作るUIデザイン（基礎＆実践）｜オンライン動画授業・講座のSchoo（スクー）
この授業では、最近話題のUI作成ツール「Sketch」の使い方を学習します。今までIllustratorやPhotoshopでデザインをしていたデザイナーさんはもちろん、はじめてUIデザインに挑戦したい方でも基本的なSketchの操作を習得することを目標としています。 SketchはUIデザイン作成に特化したドローイングツールです。日本ではまだIllustrator、Photoshopが主流ですが、海外ではすでに多くのデザイナーさんがUIデザインをSketchで作成しています。 前半ではデザイナーがSketchを導入するメリットやIllustrator、Photoshopとの違いなどSketchについての講義を行い、後半では、実際にSketchでUIデザインを作成しながら、基礎的な使い方を学ぶ実習を行います。 【Sketchについて】 Sketchは公式サイト（https://www.sk
アプリUI制作のチュートリアルで学ぶSketchの使い方 (1/2)
グッドパッチのデザイナーがSketch 3を使ったUIデザインの方法を解説する本連載。第1回ではSketchの魅力についてお伝えしました。今回は、スマートフォンアプリの「Sign upページ」を例に、基本的なUIをデザインする上で必要なSketchの操作を説明します。Sketchの使い方だけでなく、UIデザインに役立つTipsも紹介します。 ※文中の（A）などはショートカットキーです。積極的に使って覚えていきましょう！ Sign upページは、以下の手順で作成します。 アートボードを用意する ナビゲーションバーを置く ユーザーアイコンの画像を丸く切り抜き配置する 入力欄を作成する ボタンを作成する 解説の中では細かい数値や色については触れませんが、同じ数値で作成したい方は図を参考にしてください。また、今回作成する「Sign upページ」のSketchデータはこちらからダウンロードできます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
