ログイン
UIデザインに特化！ 数学的な処理で一貫性のあるカラーパレットを生成する初のカラーツール -Harmonizer
UIデザインに特化され、アクセシブルでライトモードでもダークモードでも各レベルのすべてのカラーが同じ彩度とコントラストを保ち、数学的な処理で一貫性のあるカラーパレットを生成する初のカラーツールを紹介します。 カラーパレッ […]
リーディングビュー
UIデザイン向けに視覚的に美しく、アクセシビリティの高い配色を簡単に作成できるツール -ColorMate
WebサイトやスマホアプリのUIデザインをはじめ、ブランドアイデンティティの構築などで視覚的に美しく、アクセシビリティの高い配色を簡単に作成できるツールを紹介します。 アクセシビリティのテストをしたり、実際のUIコンポー […]
これは簡単で便利すぎる！ すぐに使えるさまざまなフォームを数回のクリックで実装できるAIツール -Formcn
フォームの実装ってなかなか面倒ですよね。 数回クリックするだけで、すぐに使えるさまざまなフォームを実装できる無料のAIツールを紹介します。 お問い合わせやログインのフォームをはじめ、サインアップ、アンケード、イベント登録 […]
このUIデザインかっこいい！ 近未来をテーマにしたUIコンポーネントとデザイン要素のセット -Cosmic UI
未来的な別世界のインターフェイスを作ろう、とデザインされた近未来をテーマにしたUIコンポーネントとデザイン要素のセットを紹介します。 オープンソースで、商用プロジェクトでも無料で利用できます。 Cosmic UI Cos […]
UIデザインに使用するカラーのコントラストをチェックできる、使いやすくて、アクセシビリティを重視したツール -Contrastly
UIデザインでカラーを決めるときに、カラーのコントラストを確認することは必須です。コントラストをチェックできるツールはたくさんありますが、Tailwinds CSSのカラー、16進数コンバーター、コントラストの確認がひと […]
便利なのが登場！ UIデザイン用のカラー・スペース・コンポーネントなどを簡単に設計できるツール -StyleSpark
UIデザイナーが定義したデザイン構成を元に、カスタマイズ可能なスタイル・カラー・タイポグラフィ・スペース・コンポーネントなど、レスポンシブ対応のレイアウトを備えて包括的なデザインシステムを設計できる無料ツールを紹介します […]
HTMLを愛する人のためのUIライブラリ、シンプルなHTMLでさまざまなレイアウトやUIコンポーネントを実装 -Kelp
シンプルなHTMLとモダンCSSを使用して、レイアウトやUIコンポーネントを実装するHTMLを愛する人のためのUIライブラリを紹介します。 手軽に実装できるように、classレスのHTMLにユーティリティとコンポーネント […]
UI要素のサイズ、マージン、角丸、フォントサイズに至るまで、すべてが黄金比に基づいて設計されたUIフレームワーク -LiftKit
黄金比をWebサイトやスマホアプリのUIデザインに取り入れようと思ったことがある人は少なくないと思います。古い記事ですが、黄金比をサイトのデザインに取り入れる簡単な３つの方法というのもあります。 さまざまなUI要素のサイ […]
実在するWebサイトのワイヤーフレームからデザインに落とし込む際の意図やテクニックを詳しく解説したデザイン書 -Webデザイン&ワイヤーフレーム比較見本Book
ボタンの色やアイコンを変えるだけでクリック率は本当にアップするのか、参考になるA/Bテストのまとめ -abtest.design
