アプリUI制作のチュートリアルで学ぶSketchの使い方 (1/2)
グッドパッチのデザイナーがSketch 3を使ったUIデザインの方法を解説する本連載。第1回ではSketchの魅力についてお伝えしました。今回は、スマートフォンアプリの「Sign upページ」を例に、基本的なUIをデザインする上で必要なSketchの操作を説明します。Sketchの使い方だけでなく、UIデザインに役立つTipsも紹介します。 ※文中の（A）などはショートカットキーです。積極的に使って覚えていきましょう！ Sign upページは、以下の手順で作成します。 アートボードを用意する ナビゲーションバーを置く ユーザーアイコンの画像を丸く切り抜き配置する 入力欄を作成する ボタンを作成する 解説の中では細かい数値や色については触れませんが、同じ数値で作成したい方は図を参考にしてください。また、今回作成する「Sign upページ」のSketchデータはこちらからダウンロードできます。
Skala View
Skala View is the companion app to Skala Preview for Mac — the fastest way to send pixel perfect, colour perfect design previews from your Mac to your iPhone or mobile device. Skala Preview can be downloaded from: bjango.com/mac/skalapreview/ Previewing your design in situ lets you test tap sizes, text sizes, colour, contrast and ergonomics, all at a time where changes can be easily made — during
Photoshop の初期設定のショートカットキー
Adobe Photoshop の使用中に、ショートカットキーを使用して生産性を高めることができます。 覚えておくべきクイックヒント: デスクトップの Photoshop でキーボードショートカットをカスタマイズできます。詳しくは、ショートカットキーのカスタマイズを参照してください。 ショートカットキーダイアログボックスで、ショートカットキーの表示、編集および要約を行うことができます。Photoshop で表示するには、編集／ショートカットキーを選択するか、次のショートカットキーを使用します。 Alt + Shift + Ctrl + K（Win） Option + Shift + Command + K（Mac） 新しい MacBook Pro モデルでは、キーボード上部のファンクションキーが Touch Bar に置き換えられています。これらのモデルのファンクションキーの使用方法につい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
