Kento Norita

ウェブを編む。

Kento Norita

ウェブを編む。

最近の記事

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

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

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

      ウェブにおけるユーザーとのコミュニケーションは「言葉」からはじまり、「言葉」を中心に行われます。 はじめに言葉があるからこそ、言葉を伝えるための媒体である「文字」を構成するための「タイポグラフィ」はウェブにおいて非常に重要な存在です。 タイポグラフィにはスクリーン上に文字を表示するだけに留まらない役割があります。 私たちは発話でのコミュニケーションを行う際に、声色、声の抑揚、声の大きさ、話す速度、表情など、多くの要素を柔軟に変化させています。これらの要素を変化させることで私

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

        2022年現在、ユーザーインタフェースのデザインやその開発について語る上で「デザインシステム」はどのような組織においても話題に上がるトピックではないでしょうか。 かく言う私もデザインシステムに強い関心を持っており、業務にてデザインシステムの構築・維持に取り組んでいる他、過去には私が魅力的だと思うデザインシステムを紹介するブログ記事を執筆しました。 0. デザインシステムの導入における障壁昨今はデザインシステムを構築した事例や構築の方法論の共有も盛んとなっており、その強い話

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

          こんにちは。グッドパッチ エンジニアのnoriです。 この記事はGoodpatch Design Advent Calendar 2020 16日目の投稿です。 0. はじめに私が日々、エンジニアとしてデザインへと向き合う際、私の根幹には常に「秩序を与える」という行為の存在があります。 デザインに秩序を与えるということは、デザインにルールや制約を設けて自由を奪う行為であるとも捉えることができますが、今回は何故秩序を与える必要があるのかについて理解を深められたらと思います。

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