UIデザインブック - Practical UI

Practical UI

1.5 | 49 | 0
しゅるい:
ウェブサイト
最終更新:
2025/07/08
説明:
直観的でアクセシブルなインターフェースを作成するための論理的なガイドラインを提供する実用的なUIデザイン本。
共有:

ツールの紹介

『Practical UI』は、UIデザインに関する包括的なガイドで、論理的なガイドラインと実用的な例に焦点を当てています。色、タイポグラフィ、レイアウト、そしてアクセシビリティなどの基本的なトピックをカバーし、デザイナー向けの実用的なアドバイスを提供しています。本書には300を超える視覚的な例とFigmaデザインシステムのスターターキットが含まれており、デザイナーが技能を高めるための貴重なリソースとなっています。これらのガイドラインを適用することで、読者は効率的にデザインスキルを向上させ、プロフェッショナルでユーザーフレンドリーなインターフェースを作成することができます。

類似リンク

UiFast
画像がありません
52 0

AIを活用した精度で、業界グレードのTailwind CSS UIを簡単に作成できます。 SaaSまたはWebアプリのUIコンポーネントを生成し、Tailwind、React、またはFigmaにエクスポートします。

UIジェネレーター
Figma AI
画像がありません
95 0

Figma AIは、ワークフロー用に設計されたAIツールで創造性を解放します。より迅速に開始し、アセットをすばやく見つけ、フローを維持します。

AIデザイン
Figma
デザインツール
Frontender
画像がありません
83 0

Frontenderは、Figmaのプラグインで、デザインをフロントエンドコードに変換します。CSS、Tailwind、JSXをサポートし、ReactやVueなどのフレームワークで使用可能。

Figmaプラグイン
Creatie
画像がありません
103 0

Creatieは、クリエイター向けに構築された、直感的で手頃な価格のAI搭載プロダクトデザインソフトウェアであり、UI/UXデザインワークフローを強化するためのAI駆動機能を提供します。

AIデザイン
UI/UXデザイン
Figflow
画像がありません
127 0

Figmaのデザインを構造化されたユーザーストーリーに数秒で変換します。Figflowでワークフローを自動化し、設計と開発のギャップを埋め、より迅速に出荷します。

Figma
ユーザーストーリー
デザイン
LoremGenie
画像がありません
84 0

LoremGenieでFigmaデザインに意味のあるコンテンツを生成しましょう。退屈なLorem Ipsumに別れを告げ、デザインワークフローを強化します。

Figma
コンテンツ生成
デザイン
Visily
画像がありません
164 0

Visily:誰でも使えるAI搭載のUIデザインソフトウェア。 複雑なデザインソフトウェアがなくても、忠実度の高いワイヤーフレームやプロトタイプを作成できます。

UIデザイン
ワイヤーフレーム
LanguageGUI
画像がありません
103 0

LanguageUIは、LLMにテキスト出力をより豊富なグラフィカルユーザーインターフェイスにフォーマットする柔軟性を提供する、オープンソースのデザインシステムとUIキットです。

LLM
UIキット
オープンソース
Bravo Studio
画像がありません
86 0

最も柔軟性のある無コードアプリ開発プラットフォーム:完全なデザイン制御、ネイティブ機能、バックエンドの自由。FigmaのデザインをiOSとAndroidアプリに簡単に変換します。

無コード
Figma統合
AIツール