フォントを見分けるために役立つ10のツール
Brendaはプロのライター兼ブロガー。個人ブランド「The Design Inkwell」を運営している。 フォントの選び方ひとつで、デザインの仕上がりが良くも悪くもなることは誰もが知っています。それ以上に、ネット上にはフォントがデザインの中心的な要素となっているケースが数多く見受けられます。あちらこちらに多くのフォントが散らばっているので、あるデザインに使われているフォントを特定することは簡単ではありません。 幸いなことにフォントを特定するのに役立つツールがいくつか公開されており、この記事ではその中でもおすすめなものをピックアップしています。ブラウザの拡張機能もあれば、Webアプリもあります。以下のリストをブックマークしておけば、デザインやWebサイトにどのフォントが使われているのかがすぐにわかるでしょう。 WhatFontIs WhatFontlsは、画像をアップロードするか、そのフ
アクセシビリティからデザインを学ぼう
福岡のWebアクセシビリティ/フロントエンドエンジニア。株式会社ディーゼロ所属。Webにインクルーシブな未来を夢見てる人。よりセマンティックでアクセシブルなHTMLをマークアップできるように開発者を手助けするmarkuplintというオープンソースツールを個人の活動として開発しています。 これはエンジニアである僕がアクセシビリティを学ぶことによりデザインの知識と理解が深まったという経験談です。もしも今、あなたがデザインに関わっていく上で物足りなさやスキルの向上に伸び悩んでいるのであれば、アクセシビリティの知識がその助けになるかもしれません。広範囲でしかも大袈裟な話に聞こえるかもしれませんが、気になったところからちょっとずつ覗いてみるだけでもいいと思います。 アクセシビリティとは Accessibilityは英語なので人によって訳や解釈が若干異なりますが、これから話すアクセシビリティは、一般
デザイン崩れがよりよいデザインを生む
AlexanderはStockholmに住むUXデザイナーです。アクセシビリティやフロントエンドの開発において長年の経験があります。 UIデザインは難しいものです。スマートフォンやタブレット、ノートパソコンなどのデバイスによって形やサイズはさまざまで、キーボードやマウス、タッチパネルといった入力方法を採用しているかどうかも異なります。こうした状況で優れたデザインをするには、何よりデザインを徹底的に変える方法を学ばなければいけません。 私はこれまで、十分な種類の方法でテストしなかったために、開発プロセスの終盤でデザインが破綻してしまうプロジェクトを何度も見てきました。このような時間と労力の浪費は、簡単に減らすことができます。 こうした失敗にはいくつか理由があります。たとえば、ストレスや土壇場での修正、不明瞭な要件といった原因が挙げられるでしょう。ただ、単にデザイナーが行き当たりばったりで不注
ダークパターンに気をつけろ
ダークパターンとは人を騙そうとしたり、ユーザーの意図しない方向へとミスリードするようなことを指します。ユーザーの体験を知り、そのユーザー理解やインサイトをビジネスニーズと掛け合わせた際、無意識的にダークパターンを生んでしまうケースもあるようです。どうすれば私たちはそういった状況を回避し、倫理的に安全なデザインをすることができるのでしょうか？
ケチャップボトルの事例で考えるユーザー体験の評価方法
Measuring Uの創設者。シックスシグマに熟練した統計学分析者であり、ユーザーエクスペリエンスを定量化したパイオニアでもあります。 ケチャップボトルを観察したことはありますか？ LinkedInで話題になったミームですが、ケチャップボトルを例にするとUI（ユーザーインターフェイス）とUX（ユーザーエクスペリエンス）の違いを上手く説明できます。 従来のケチャップボトルは単なるUIです。しかし、2002年に導入された、蓋とボトルが逆さまの状態で立てることができるケチャップボトルにはユーザー体験があると言われています。 UIとUXの混同 このミームを広めている人々に悪気はありませんが、この例には、UIとUXの違いを混同してしまう原因が現れています。実際には、両方のボトルともUIを提供していると同時にユーザー体験があるのです。 本来意図されているのは、新しいケチャップボトルのほうがより優れた
その文字、薄すぎない？ デザインにおける灰色の明度は何%が最適か
UX Movementにおいて記者、編集長を務めます。明快で効果的なデザインに美点を見出し、利用者のために払う労力を惜しみません。 一言で灰色と言っても、明るいものもあれば暗いものもあり、実に様々なバリエーションがあります。Webサイトなどでは、いたるところでお目にかかることのできる色でもあります。濃い灰色は主に見出しや本文に、薄い灰色はメタデータ、分類名、説明文に多く使われます。これらの色合いのうち、最も乱用されるのは薄い灰色です。 薄い灰色の文字の問題点 文字色として薄すぎる灰色は可読性に問題を起こしかねません。灰色の文字を薄くしすぎてしまえば、読者が読むにあたって支障をきたすことになります。文字の明度によっては、薄い色の背景に混ざってしまうのです。この現象は、単語や文字をぼやけさせ、判読を困難にします。無理に判読を試みれば、目を傷めてしまうでしょう。 また、薄い灰色の文字は読者の誘導
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
