デザインが良いと思える理由
視覚的に美しいデザインとは、タイポグラフィが一貫していて、明確な階層があり、洗練されたカラーパレットが活用されていて、グリッドに沿って要素が配置されているものだ。 Why Does a Design Look Good? by Sarah Gibbons and Kelley Gordon on March 7, 2021 日本語版2021年8月23日公開 フォントや色、配置などの視覚的なディテールは、ユーザブルなエクスペリエンスを生み出し、ブランドの特徴（親しみやすさや信頼性など）を表現する。 デザインを見て、それが良いということはすぐにわかるものだ。しかし、多くの場合、そのデザインを「なぜ」良いと思うのかを特定することは非常に難しい。この記事では、3つのユーザーインタフェースデザインを分析し、これらのデザインを魅力的に見せているビジュアルデザインの原則について説明する。 例その1：タイ
音楽、数学、タイポグラフィ
先日開催された「フロントエンドカンファレンス福岡2019」で、「音楽、数学、タイポグラフィ」というプレゼンテーションをする機会をいただきました。ここにその内容を再構成して掲載します。 みなさんこんにちは。今日の僕の話のテーマは「タイポグラフィ」です。まず最初に、そもそもタイポグラフィとは何なのかということからお話ししたいと思います。タイポグラフィというのはよく耳にするキーワードではありますが、じつはかなり誤解も多いのではないかと僕は考えています。 PxHere Typography from Hermann Esser’s (1845–1908) Draughtsman’s Alphabet, from rawpixel’s own antique edition 00030.jpg たとえば、GoogleやTwitterやなんかで「タイポグラフィ」というキーワードで検索すると、手描きによ
100年前に出版された作者不明のレタリング集『実用図案文字と意匠』 復刻の理由と経緯を聞いた | スタッフブログ | マイネ王
ライターのヤスミノです。 メールやSNSでのコミュニケーションに欠かせない「文字」というツール。私たちの身の回りにはさまざまなスタイルの文字があふれています。 例えば、道路標識やお店の看板、町の掲示板、スーパーで買った商品のパッケージ……意識して観察すると、意匠の凝らされた三者三様の文字を発見できます。 そんななか私が見つけたのが、なんとも奇抜な形をした、こちらの文字。 めちゃめちゃ味があって、カッコよくないですか？ こちらの本は、大正、昭和の手描き文字を集めた『実用手描文字』。1926年に出版された『実用図案文字と意匠』の復刻版として、原書の内容を再構成したものです。 コンピューターや写植もなく、タイポグラフィーなどの表現技術が確立していなかった時代に、このように独自性のある手描き文字が存在していたというから驚きです。 しかも、これらはいわゆる一般的な芸術作品ではありません。広告チラシな
アンビグラム研究室
『夢／愛』 「夢」と「愛」が、図（形）と地（背景）の関係になっている図地反転型アンビグラム。 ２つの文字を重ねると正方形の中にジグソーパズルのようにぴったりと嵌り合います。 ネガポ字。： いとうさとし
くらしのひらがな
くらしのひらがな 子供は「あいうえお表」を使って ひらがなを学びます。 イラストと文字を見比べて、 少しずつ覚えていきます。 これを家の中の、空間や現象に展開したのが 「くらしのひらがな」です。 窓から差し込む光や影、お風呂、鏡など、 日常生活の中に、ひらがなを配置して、 楽しみながら、自然と覚えてもらう 「空間あいうえお表」です。
美しいデザインを作る鍵「タイポグラフィ」基礎の基礎 デザイン会社 ビートラックス: ブログ
美しいデザインとは何だろうか？ 言い換えれば、何がデザインの美しさを決定するのだろうか？ デザインを構成する要素はレイアウト、線、図形、色、形式、質感、そしてタイポグラフィなどがあるが、実はこのなかで最も重要なのがタイポグラフィである。 今回はこのタイポグラフィの基礎について、btrax CEO、Brandon K. Hillによる社内ワークショップの内容をもとにお伝えしたい。 デザイナーではないビジネスパーソンの方にとっても、書類作成等に大いに役立つ内容であるので是非参考にしていただきたい。 1．そもそもタイポグラフィとは？タイポグラフィとは、言葉を見やすく、読みやすく、 そして魅力的に見せる ための、 字体を配置する技術であり芸術である タイポグラフィの歴史は古く、15世紀まで遡る。最初のタイポグラフィはBlackletterである。（ちなみにこの発明以前、本などは人による手書きであっ
新宿駅の「ガムテープ案内表示」を作りだした佐藤修悦さんインタビュー ！『修悦体』はこうして生まれた
» 新宿駅の「ガムテープ案内表示」を作りだした佐藤修悦さんインタビュー ！『修悦体』はこうして生まれた 特集 皆さんは、「修悦体」という書体をご存じだろうか？ 佐藤修悦さんというガードマンの方が、ガムテープを使って作り出した書体である。佐藤さんは、2005～2007年頃にかけてテレビや新聞などで話題となり、ネットでも注目を集めた人物だ。一時期JR新宿駅で、この修悦体を使ってガムテープで書かれた案内表示をしょっちゅう目にした。 あれから約10年を経て、新宿駅の様子も様変わりし、ガムテープの案内表示も見かけなくなっていたのだが……。ここ最近、再び新宿駅のアチコチで「左側通行」の文字を見かける。これはもしや！ 佐藤さんが再び活躍しているのではないか？ そう思い、私（佐藤）はその真相を確かめた。 ・約10年前の記事 私が最初に修悦体の存在を知ったのは、ネットメディア「デイリーポータルZ」の記事だっ
ウェブサイトでシステムフォント
GoogleのRobotoや、AppleのSan Franciscoなど、OSベンダーが独自のフォントを開発し、自社製品のUIにシステムフォントとして採用する、という事例が相次いでいます。これらのフォントは、プラットフォームの特性を考慮して最適化されたもの（あるいは最適なものとして選ばれたもの）と言え、かつ今後のOSのアップデートにともなってさらに改善されることも期待できます。また、ユーザーがそのシステムを操作するときにもっとも頻繁に触れる、つまりもっとも見慣れているフォントでもあります。というわけで、これらシステムフォントをウェブサイトのUIに採用するというのはかなり良いアイデアに思えます。 一方で、システムフォントはあくまでUIのためのもので、長い文章などには向かない場合もあるので、コンテンツ部分は別のフォントを指定すると良いかもしれません。たとえばMediumなどではそのようなアプロ
なぜタイポグラフィにおいてVertical Rhythm（バーティカルリズム）は重要な手法なのか？ | POSTD
Webのタイポグラフィについて少しでも調べたことがあるなら、 Vertical Rhythm という言葉を耳にしたことがあるのではないでしょうか。タイポグラフィを用いて仕事をする場合、最も重要な手法の1つです。このことについて知って以来、私は自分のサイト全てにVertical Rhythmを使っています。 ある日、Vertical Rhythmの重要性について自分が全く理解していないことに突然気付き、愕然としました。そしてその後すぐに2つの疑問が湧き上がってきました。「なぜVertical Rhythmを使うとサイトのデザインが向上するのか？ 」「自分のデザインを良くするために、Vertical Rhythmから何を学べばいいのだろうか？ 」。 私はこの疑問を解明しようと決めました。その考察を綴ります。 記事の最初にあたって認識を共通にするため、まずはコンテキストについて説明します。 Ve
Apple の新フォント San Francisco の秘密
iOS 9 が一般公開されました。気づきにくいところですが、実はこの iOS 9 から、システムフォントが Helvetica Neue から、Apple が新たに開発した San Francisco フォントに変更されています。 San Francisco は Apple Watch のシステムフォントとして既に採用されていましたが、Apple Watch にとどまらず、iOS 9 や次期 Mac OS X “El Capitan” のシステムフォントとしても使われるようになります。 Apple WatchApple は、初代 iPhone からずっと、iOS のシステムフォントとしては Helvetica を採用してきました。また、Mac OS X でも 10.10 Yosemite からは、それまで使用していた Lucida Grande から Helvetica へと変更しています
デザイナーはなぜMS Pゴシックを使わないのか? - エディトリアルデザイナーに聞いてみた
デザインを語る上で重要な要素のひとつ、「フォント」。デザインを実際に手がける人だけでなく、それを見る多くの人にとってなじみ深いフォントとして、Windowsのプリインストールフォント「MS Pゴシック」は代表的なもののひとつかもしれません。 「MS Pゴシック」 「MS Pゴシック」は過去にマイナビニュースで実施した美大生の「お気に入りフォント」アンケートにも名前が挙がった実力派(?)ですが、実際に日々グラフィック/エディトリアルデザインを手がけているデザイナーの目には、この定番フォントはどう映るのでしょうか。 今回は、デザイン会社にてエディトリアルデザイン/Webのレイアウトデザインを手がけているSさんに、「MS Pゴシック」についての率直な思いを伺いました。 ――「MS Pゴシック」、デザイン業務で使うことはありますか? 私は主にエディトリアル(雑誌や書籍など)、グラフィック、Web領
いま、活版印刷が見直される理由とは？ - TYPE
たかがメガネ、されどメガネ突然ですが、メガネ、お使いですか？ はい、あの眼鏡です。私は出かける時はコンタクトなんですが、家ではもっぱらメガネ愛用者ですね。すごく目が悪いので、寝ている時以外はずっとしています。 何個か持っているのですが、いつも使うのは大体決まってます。ちょっと赤っぽい縁の軽量メガネ。黒縁と迷ったのですが、私の場合赤にして正解でした。なんとなくしっくりきてお気に入りです。 皆さんメガネを買うときのこだわりってありますか？私はかけてて痛くならない素材がいいですね。なんせずっとかけてるので、重いとしんどいです。あとはフレームの大きさ。あまり小さいとおかしいし、大きいと重苦しく見えますよね。 メガネ屋さんに行くとあまりに沢山の種類があるので気が遠くなったことありません？私はあります。もうどれでもいい、なんて思っちゃう。でもメガネって、ほぼ体の一部になるものだから、慎重に選ばないとあ
【驚愕】レースの模様作りの神に作成方法を聞いたら、驚きの手法だった | 面白ニュース！netgeek:
秀逸なレースをつくるのが得意なことで有名なとあるtwitter主が、模様の作成方法を暴露して話題になっている。なんと才能云々というよりも、やり方さえ知っていれば誰でもできる意外な方法だったのだ。 レースといえば、糸をより合わせて透かし模様にする技術のことで、カーテンや洋服に用いられている。繊細で細かな模様は、上品さと女性らしさを演出できるため、廃れ流行りが激しいファッション界においては珍しく長年人気が高いものである。 さて、このようなレースの柄はどのようにして作っているのだろうか。かなりのセンスが必要な気がするのだが、ツイートを見る限り、どうやらそうでもないようだ。 なんじゃこりゃあああああああ！！ 文字を90度や180度回転させて重ねていくことで柄が出来上がっている！！ しかも完成度もけっこう高くて立派なものができているのが驚きだ。 @tankope 小学生の頃スカートのﾌﾘﾌﾘ書けなく
2013のトレンド Top10を振り返る - UI編
今年の初めに2013年の予想記事 “2013年トレンド予測 カテゴリー別 Top3 | Tech / UX / Mobile / Online Marketing“を書いてからはや1年、気づくともう年末。振り返ってみると今年はインターネット・デザイン・スタートアップを取り巻くトレンドがめまぐるしく変化した一年となりました。その中でも最も進化が著しかったのがUI (ユーザーインターフェイス) と UX (ユーザーエクスペリエンス) です。今回はサイトや、アプリ、デバイスを利用するユーザーの使い易さと利用体験に直接影響を及ぼすUIについて2013年のトレンドをまとめてみました。 2013年のUIトレンドTop10 レスポンシブデザイン化が加速 フラットデザインの氾濫 タイポグラフィーの重要さが上昇 Flash終了のお知らせ 大きな画像を背景に利用 余白の有効活用 パステルカラーを積極的に採用
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
日本語アプリケーションのインターフェイスデザイン（公開版）
ハッシュタグやスラッシュたちの、知られざる歴史｜WIRED.jp
Hatena ID
the thing I am — but does it float
GAAHK Typeface Design
Type Project
