※この章で使われている Cube クラスの機能は以下になります。 ※ サンプルファイルは、「Assets/toio-sdk/Tutorials/1.Basic/ex.Sample ...

新UIシステムにおいて、UI Builderのチュートリアルを進める際、 メニュー：ゲームオブジェクト＞UI Toolkitの項目が表示され無いことで、行き詰る問題があり、これの解決方法をメモしておく。 結論から言うとUnity 2020.3系、2021.1系では、新規プロジェクト作成 ...

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

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

UIデザイン用の最適なPhotoshopの環境設定方法から、ブラーやサークルを使ったエレメント、フラットや縦長やレトロスタイルのレイアウト、ページのアクセントになるエレメントの作り方、ディテールの作り込み方など、ユーザインターフェイスをPhotoshopで ...

玉転がし(Roll-a-Ball)チュートリアルを「Unity 2021.3.16f1 LTS」で、試してみたので事例としてメモしておく。 上記の玉転がしチュートリアル公開時期が2019年と古いのだが、 数少ないビジュアルスクリプティングのチュートリアルなので貴重。 この ...

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

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