Designing Systematic Colors
Mineral UI is the open source design system that CA Technologies is building for use by all of our products. Color is a core building block of any design system, and it has proven to be one of the most challenging design problems we’ve tackled, due to the wide variety of requirements: Mineral has accessibility features built in by default, so all of our color usage needs to meet WCAG 2.1 Level AA
New Year's resolutions are everyone’s favourite thing, I’m sure. However, researching and knowing where to take a product’s creative direction should be on a to-do list before just going ahead and doing solely what has been done so far. Trends take new turns often enough that a product can be rendered outdated pretty soon, and this is why we at Imaginary Cloud decided to go ahead and make a list.
こんにちは、くだくらげです。最近ははじめてのUIデザインという本を共著で書きました。 おかげさまでたくさんの人に読んでいただいて、コメントをもらえたりして嬉しいです。ありがとうございます！ PEAKSさんから出版しており購入できますので、よろしければ手にとってみていただけると嬉しいです。 https://peaks.cc/kudakurage/ui_design 概要WWDC 2019で新しく発表されたiOS13でOSレベルでのDarkMode設定が搭載されることになりました。MacOSの方は以前より追加されていましたが、iOSではなかったので個別のアプリが各々対応していました。 今回、iOSにもDarkMode設定が標準搭載されたことによって、iOSアプリのダークモード対応が必然的に迫られることになって来るのではないかと思っています。 ダークモードを好んで使う人は一定数存在していて、かく
Material の Icons （アイコン）を導入する手順
Web Material の Icons （アイコン）を導入する手順※当サイトにはプロモーションが含まれています。 1. はじめにGoogle が開発しているデザインシステム「Material」の中には、アイコンも含まれています。 このアイコンは、Icons と呼ばれているもので、誰でも利用することができます。 本ページでは、この Icons を Webページに導入する手順について説明します。 2. Icons の導入手順2-1. Google Web Fonts を利用する場合の導入手順Icons はアイコンフォントであるため、Google Fonts でもホスティングされています。 こちらを利用するには、Webページ内の <head>要素内に以下を記述子ます。 <link href="https://fonts.googleapis.com/icon?family=Material+I
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
7 UI trends to watch in 2024
DarkModeのデザインを中心とした色彩設計の考え方 | Spinners Inc.