Kento Norita

インタフェースにおけるオレンジと黄色の文脈について考える

Tue, 03 Dec 2024 21:09:17 +0900

インタフェースにてユーザーへ注意や警告を伝える際には、よくオレンジや黄色などの「警告色」を用いてメッセージを表示します。しかし、その警告色にどちらの色を採用するかは、プロダクト開発者の判断によって分かれます。

Figmaでのフォントファイルによるアイコン管理のススメ

Thu, 14 Dec 2023 23:30:02 +0900

普段デザインツール上で「アイコン」を扱う際、多くの方がSVG形式のアイコンをインポートして作業を行っているのではないでしょうか。
特にUIデザインをする場合は大量のアイコンを扱う必要があるため、作業を行う上でSVGファイルは必要不可欠な存在です。
SVGファイルは画像としての性質とテキスト (DOM) としての性質を併せ持っているため、様々なロールのクリエイターにとって扱いやすい形式のファイルです。

SVGファイルのパスデータ

続きをみる

ウェブのためのタイポグラフィシステム

Sat, 02 Dec 2023 23:00:34 +0900

ウェブにおけるユーザーとのコミュニケーションは「言葉」からはじまり、「言葉」を中心に行われます。
はじめに言葉があるからこそ、言葉を伝えるための媒体である「文字」を構成するための「タイポグラフィ」はウェブにおいて非常に重要な存在です。

タイポグラフィにはスクリーン上に文字を表示するだけに留まらない役割があります。
私たちは発話でのコミュニケーションを行う際に、声色、声の抑揚、声の大きさ、話す速度、表情など、多くの要素を柔軟に変化させています。これらの要素を変化させることで私たちはメッセージや人となりのスムーズな伝達を実現しています。
スクリーン上でのコミュニケーションも文字の色、形、配置などを変化させながら適切なタイポグラフィを構築することで、口頭でのコミュニケーションと同様にメッセージやアイデンティティなどをなめらかに伝達できるようになります。

続きをみる

そのデザインシステムは投資対効果をもたらしますか？

Tue, 20 Dec 2022 17:52:31 +0900

2022年現在、ユーザーインタフェースのデザインやその開発について語る上で「デザインシステム」はどのような組織においても話題に上がるトピックではないでしょうか。

かく言う私もデザインシステムに強い関心を持っており、業務にてデザインシステムの構築・維持に取り組んでいる他、過去には私が魅力的だと思うデザインシステムを紹介するブログ記事を執筆しました。

続きをみる

インタフェースに秩序を与えるということ

Wed, 16 Dec 2020 17:40:43 +0900

こんにちは。グッドパッチエンジニアのnoriです。
この記事はGoodpatch Design Advent Calendar 2020 16日目の投稿です。

0. はじめに

続きをみる