マガジンのカバー画像

デザインのルール設計

46
本
デザイン原則、デザインシステム、ガイドラインの考え方や運用について理解を深めるためのまとめ
運営しているクリエイター
かやま

#UX

ライティングガイドラインを分類し直し、構成を見直しました！

2024年10月10日、SmartHR Design System内のライティング配下の構成を大幅に変更しました！ 実は、半年ほど前からこちらの改善に向けてチクチクと作業をしていました。この記事では、なぜ構成を変えたのか、どう変わったのかをご紹介します。 構成を見直した経緯SmartHR Design Systemは、最初にサイト構造を設計したうえでコンテンツを埋めていったというようなものではありません。必要に応じてコンテンツを少しずつ拡充してきたという歴史があります。S

稲葉志奈

【永久保存版】 デザインシステム「カラーパレット」を徹底調査しました

サービスのカラーパレットをバージョンアップさせるべく、デザインシステム「カラーパレット」を調べることになりました。 開発チームからの要望としては「どうせ新しくするなら、漏れのない状態を目指したいね」ということで、iOS/Androidのガイドラインから始めて、話題になっていたAmebaスピンドル、さらに他社のデザインシステムも含めて徹底的に調査しました。 先に調査結果ですが、大枠でまとめるとこのような形となりました。 ・色は、明度差も含めたトーンをパレットとして持ってお

Akinosuke

iOSのデザインから考えるヤコブ・ニールセンの 10ヒューリスティックス | UI/UX Weekly vol.13

世の中には数多くの「デザイン原則」が存在します。 その中でも、UIデザインやユーザビリティに関して最も広く使われている原則として、ヤコブ・ニールセンが提唱した 「10のユーザビリティヒューリスティックス(Ten Usability Heuristics)」があります。（以下10ヒューリスティックス） UIデザインやUXデザインに関わる方であれば一度は聞いたことがあるかもしれません。 今回はその10のヒューリスティックを見直して、iOSのデザインを例にまとめてみたいと思いま

Sakino Tomi…

デザインシステムをアジャイルで。タイポグラフィックマトリックスをデジタルの世界に

以前、「 デザインシステムをアジャイルで構築する方法 」という記事を初めてのnoteで書いたのですが、アジャイルで進めた為、また少し具体的に詰めた部分を今回はタイポグラフィ編でお送りします。 　―　 課題のおさらいデザインシステムという言葉が出てくる前からデザインガイドラインと言うものが存在していましたね。 私はあれを名前の通り、ブランド保持のための方法をガイドとして載せているものと解釈していて、質の良いものは分かりやすいが、基本的には、 社外へのブランドリソース提供の為に

ayakoMorito…