プロのUIデザイナーに学ぶ！ UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.14

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第14弾は、レイアウトのグリッド・使いやすいフォーム・配色で悩んだ時に関するデザインのテクニックです。 UI & UX Micro-Tips: Volum…

デザインに適したアイコンがこれで見つかる！ UIデザイン用のさまざまなアイコン素材をまとめて比較・カスタマイズ・ダウンロードできる -Iconer

Bootstrap, Material Designのアイコンをはじめ、Feather, heroicons, tabler iconsなど、人気が高いUIデザイン用のアイコン素材をまとめてカスタマイズ・ダウンロードでき…記事の続きを読む

UIデザイナーは要チェック！ 新しくなったMaterial Design 3は可変フォントやアイコン、アクセシブルで使いやすいカラーに

5/11,12に開催されたGoogle I/O 2022に伴い、Material Design 3のガイドラインが大幅アップデートされたので紹介します。 注目すべきキーワードは、アクセシビリティとパーソナライズ。 アクセシブルなコントラストを備えたダイナミックカラー、可変フォントRoboto FlexとRoboto Serif、可変アイコンフォントを使用した…

UIパーツにメイリオを指定しないほうがいい理由

はじめに 前提として本記事は特定のフォントを貶める意図はなく役割として使い分けることを推奨する記事です。 フォントにあるのは役割であり、優劣ではないということを念頭にご一読いただけると幸いです。 注意事項 メイリオという特殊なフォント まず具体的な問題点を挙げる前にメイリオというフォントについて軽く紹…

ユーザーが欲しいと思うものと、本当に欲しいものとのギャップの正体｜宇野雄 / note inc.｜note

こんにちは。note株式会社CDO(Chief Design Officer）の宇野です。 突然ですがみなさんはこんな会話したことありませんか？ Aさん「ランチなに食べたい？」 Bさん「なんでもいいよ」 Aさん「じゃあラーメンどう？」 Bさん「いや、ラーメンは気分じゃない」 Aさん「😫」 なんでもいいって言ったじゃん！って思うわけです…

エモーショナルUIデザイン｜kana｜note

はじめに2013年にスタートアップに参加したことをきっかけに、今までいくつかのデジタルプロダクトのUIデザインに携わってきました。2020年にTakramに参加してからは、さらに多様な事業のプロダクトに関わらせていただいています。この約10年間のあいだに世の中のUIデザインのノウハウは確立されてきており、既存のコン…

SwiftUIで一晩で作ったiPhoneアプリのDockアニメーションの動画が話題に

SwiftUIでは、Swiftを利用してすべてのAppleプラットフォーム向けに、できるだけ少ないコードで美しいアプリを構築できますが、わずか一晩で作ったというiPhoneインターフェースが注目を集めています。 Dockの中に並んだアプリをスムーズにシフト ユーザーインターフェース（UI）デザイナーのフィリップ・デイヴィス氏（…

SwiftUIで利用可能なアニメーションをプレビュー/書き出しできるMac用アニメーション・プレイグラウンドアプリ「MotionScape」がリリース。

SwiftUIで利用可能なアニメーションをプレビュー/書き出しできるMac用アニメーション・プレイグラウンドアプリ「MotionScape」がリリースされています。詳細は以下から。 　SwiftUIでアプリを開発する際 The post SwiftUIで利用可能なアニメーションをプレビュー/書き出しできるMac用アニメーション・プレイグラウンドア…