グッドパッチのデザイナーがSketch 3を使ったUIデザインの方法を解説する本連載。第1回ではSketchの魅力についてお伝えしました。今回は、スマートフォンアプリの「Sign upページ」を例に、基本的なUIをデザインする上で必要なSketchの操作を説明します。

UI改善に新機能追加。日々スクラップ＆ビルドを繰り返しているサービス開発現場では、一つのデザインを創り上げるまでに数十を超えるデザイン案を作成することも少なくありません。本連載では"お蔵入りUIデザイン"と題して、現在のデザインに至るまで ...

講師を務めたNHN Japan此川祐樹氏。スマートフォン用アプリやWebサービスの開発に“UXデザイナー”として関わっている CEDEC 2012の会期最終日となる2012年8月22日，ショートセッション「ユーザの行動から学ぶゲームUIデザイン」が開催された。講師を務めたのは ...

3.ユーザーアイコンの画像を丸く切り抜き配置する ユーザーアイコンに使用する画像を用意し、丸く切り抜きます。画像の切り抜きにはマスクを使用します。 （1）ユーザーアイコン画像を配置する Sketchに画像ファイルをドラッグ＆ドロップすると配置でき ...

皆さんの作ったゲーム、最初に何を伝えますか？ ジャンプの方法？ アイテムの使い方？ それとも操作そのもの？ 今回は、Godot 4.3 を使って自作ゲームに実装した柔軟でスケーラブルなチュートリアルシステムの仕組みをご紹介します。 Stepクラス：ステップ制 ...