マガジンのカバー画像

UIコンポーネントのデザインマスターガイド

3
このマガジンでは、ユーザーインターフェース(UI)コンポーネントのデザインに関するエキスパートの知識を凝縮してお届けします。 UIコンポーネントは、ユーザーがアプリケーションや… もっと読む
運営しているクリエイター

記事一覧

【保存用】 あんまり知られてない?UIでパーツ・コンポーネントの名前 10選

こんにちは!ヒトミです😀 以前の記事で、Googleマテリアルデザインのサイトを読むべき!とお伝えしたので、今回は私が個人的に「え、これってそんな名前で、そういうふうに使うんだー」ってなったコンポーネントを紹介します🍺 名前がわかってると、デザインレビューの時にデザインの意図を明確に伝えやすいです。デザインを本職にしていない人がデザインレビューに入ってきたときに、「このパーツ使った方がいいんじゃない?」っていう新しいアイディアの提案がよくあります。それがいいアイディアなのか

UXを向上させる優れたボタンの作り方

ボタンはユーザーインターフェースをデザインする上で、必ず登場するコンポーネントの一つです。どんなアプリやWebサイトでも使われてその歴史は古く、インターネットが広く一般的に利用されるより以前から存在しています。ユーザーとのインタラクションが発生する場合にもっとも使用されるコンポーネントと言えます。 ボタンのデザインは簡単です。簡単であるが故に見過ごしがちな罠が多く潜んでいるコンポーネントなので、ここで今一度皆さんとボタンのデザインについておさらいしていきたいと思います。ボタ

【ツールチップとは】 UIデザインにおける小さながら重要なコンポーネントの基本ガイド

UIデザインを勉強し始めた人や、UIデザイン経験が浅い人は、まず忘れるこのツールチップ。そして意外と重要視されてない、デベロッパーチームからも適当に扱われがちなこのコンポーネントについて今回は解説します。 ツールチップとは何か?UIデザインにおけるツールチップ(Tooltip)は、ユーザーが特定の要素にカーソルを合わせたり、タップしたりすると表示される小さな情報ウィンドウのことを指します。ツールチップは、ユーザーに対して補足的な情報や説明を提供するための手段として使用されま