デザインスキルページ 10

デザインスキル

2次元制御を実現する「グリッドレイアウト」：UI設計の効率と一貫性を最大化する

デザインスキル

SketchからPixsoへ移行する方法｜ファイル互換性と確認ポイント

SketchファイルをPixsoへ移行する手順と、フォント、描画モード、背景効果、パスの確認点を解説。インポート後の比較からSketch形式での受け渡しまで、既存デザインを使って共同編集を始める方法を紹介します。

デザインスキル

デザイントークンでUIデザインを効率化！Pixso活用術

デザイントークンを色・文字・余白の管理に使う方法を解説。ボタンの値と役割を対応させる例で、共有ライブラリの更新と実装コードへの反映を分けて整理します。

デザインスキル

UI/UXデザインのAI活用：ツール選びと実務への取り入れ方

Pixso、Figma、Adobe製品、SketchでのAIと自動化の使い分けを解説。画面の生成、編集、共同作業、データ管理の観点から、実務に合う活用方法を紹介します。

デザインスキル

Adobe XDのプロトタイプ練習｜3画面をつないでレビューする

Adobe XDの既存環境で3画面をつなぎ、進む・戻る操作、プレビュー、共有レビューを練習する具体的な演習です。

デザインスキル

Figmaでワイヤーフレームを作る方法：予約画面で学ぶ手順

日時選択・入力・確認・完了の四画面を例に、Figmaでワイヤーフレームを組み立てます。共通部品、具体的な文言、エラーからの復帰まで、見た目を整える前に決める内容を説明します。

デザインスキル

UIデザイン初心者必見！FigmaのUIキットを活用してデザインのイメージを掴もう

デザインスキル

コンバージョンの高いアプリの作り方は？おすすめの無料アプリデザインツールもご紹介！

デザインスキル

Webデザインをより高品質にする工程！モックアップ作成とおすすめのデザインツール

デザインスキル

【UIデザイナー必見】スマホのユーザーインターフェースデザインのトレンドやデザイン例を紹介

デザインスキル

良い検索機能のUIデザインを解説！デザインの原則や事例、さらにデザインツールを知ろう！

デザインスキル

iOSのUIデザインに学ぶ動きとUIキットの使い方

iOSのUIに見られるスクロールや画面遷移の動きから、操作を伝える考え方を解説。UIキットを選び、画面とプロトタイプを作る際の注意点も紹介します。