Appleが利用するフォントを徹底解剖 | ブログヘラルド
アップルが広告や宣伝にどのフォントを利用しているのか気になったことがあるだろうか？コンピュータのキー、MacのUI、iPhoneにはどのフォントが利用されているのだろうか？以下にアップルが利用するフォントを挙げていく。 ブランドアイデンティティ 全ての広告素材、プロモーション、アップルのウェブサイト、そして、光り輝く製品の箱には、アップルはミリアド・プロ・セミボールドと呼ばれるミリアドのバリエーションを利用している。サンセリフの書体であるミリアドは1992年にアドビによって初めてリリースされていた。現在、アップルだけでなく、グーグル（Gmailの最後の3文字）、リンクトイン、ロールスロイス、そして、ウォルマートもミリアドを採用している。アップルは2002年からミリアドの利用を始めている。 それ以前は、アップルはギャラモンの利用に拘っていた。アップルが利用していたフォントはアップル・ギャラモ
Appleとマイクロソフトのデザイン部門のトップ(ジョナサン・アイブとサム・モロー)のインタビューとWindows 8の大きな一歩 - FutureInsight.info
Appleのデザイン部門のトップであるジョナサン・アイブのインタビューが掲載されるということで非常に楽しみにしていた今月号のBRUTUS Casa。ジョナサン・アイブがインタビューに応えることは非常に少ない(昔クーリエ・ジャポンの特集で読んだくらい)ので、2ページの記事でしたが読んで良かったと思う素晴らしい内容でした。他の特集も非常に面白く今月のCasaは買いだと思います。Casa BRUTUS (カーサ・ブルータス) 2012年 03月号 [雑誌] マガジンハウス 2012-02-10 売り上げランキング : Amazonで詳しく見る by G-Tools ジョナサン・アイブの強い言葉とデザイン哲学 詳しくはCasaを読んで欲しいのですが、僕が非常に印象に残ったのは、以下の言葉。 つまり会社の設立とはアイデアを実行するためにあるわけです。そして会社として実際にデザインをし、開発をして製造
第1回 mixiを使っているのは誰なのか、そして新インタフェースの理由
第1回 mixiを使っているのは誰なのか、そして新インタフェースの理由：短期集中連載・mixiはどこへ行く？（1/3 ページ） 国産老舗SNSであるmixiは、さまざまな機能を取り込みながら成長を続けている。本連載では、笠原社長、原田副社長へのロングインタビューを元に、mixiのこれまでとこれからの変化について考察する。 いま、mixiはものすごい勢いで変わりつつある。 2011年、mixiが力を入れて取り組んでいるのがユーザーインタフェース（以下、UI）変更だ。5月11日にスマートフォン用UI（mixi touch）を、9月7日にケータイ用UI（mixiモバイル）のUIを変更。PC版のUIについても10月12日から順次変更を行っており、2011年度中には全ユーザーが新UIに変更されるという。 Web版mixiだけでなく、スマートデバイス用アプリも次々にリニューアルを行い、新UIへの変更を
AppleタブレットのUIはズバリこうなる！（動画＆予想図）
AppleタブレットのUIはズバリこうなる！（動画＆予想図）2010.01.26 23:00 satomi ｢タブレットはMac OS XのUIがいいな｣という声、｢今までにないエキゾチックなUIになるよ｣という声、どちらも間違い。Appleタブレットは単に、iPhoneで始まったUI革命の第2ステップです。 ここでは、その理由を並べてみましょう。 ハードウェアの話なら、いくらでも予想が立ちますが、ことUIに関しては3派に分かれて、三つ巴の戦いになってます。 ひとつ目は、タブレットもGUI（ウィンドウ、フォルダ、昔ながらのデスクトップのメタファー）しかないと思ってる人たち。あのWindowsタブレットや最近のタッチ対応ノートみたいな。 ふたつ目は、アップルのことだから3Dインターフェイスとかなんか実験的なこと、誰も想像もつかないインターフェイスを用意してるんじゃないか、という夢追い派。愛と
アップル - Mighty Mouse
新しい3つのApple製アクセサリは、内蔵された充電式のリチウムイオンバッテリーを中心に置いて再設計されました。どれも使い捨ての電池をまったく必要としません。その結果、内部の構造がより強固になり、さらなる質の高さを感じられる作りになりました。 楽々とワイヤレス。 それぞれのApple製アクセサリは、Lightning - USBケーブルを使って、あなたのMacと自動的にペアリングさせることができます。Bluetoothワイヤレステクノロジーを内蔵しているため、信頼性と安全性の高い接続を最大9mの範囲内で利用できます。どのアクセサリも、使っていない時はそれを感知し、電力効率を管理してバッテリーを長持ちさせる賢さも持っています。
kishin Design | Macとデザインと美しいモノのブログ | エレベータの「閉」は不用
X8.cn ￥52888 秀吧/小8 8P.cn ￥36888 八品/8铺 5Z.Net ￥45888 五洲 6i.Net ￥36888 乐爱 7H.com.cn ￥8888 七禾 8H.com.cn ￥8888 8号 E51.com ￥28888 医无忧 51P.com ￥48888 我要拍 C7C.com ￥28888 c7c 3BW.com ￥48888 3百万 BW1.com ￥23888 百万 82W.com ￥48888 八二网 82P.com ￥38888 P=PJ 81P.com ￥38888 P=PJ 81K.com ￥38888 K=K3 65D.com ￥38888 D=DF 59D.com ￥38888 D=DF U76.com ￥38888 U=游戏 U71.com ￥25888 游企业 U91.com ￥28888 91系 W61.com ￥38888 W=WN
パスワード入力の「****」は不要？ 研究者の間で激しい論議
入力したパスワードは「****」で隠さずに、はっきり見えるようにした方がいいのではないか。そんな提案をめぐり研究者が賛否両論を展開している。 Webサイトなどでパスワードを入力する際、「****」を使って入力した文字が見えないようにする必要はないのではないか――。そんな提案をめぐり、研究者が賛否両論を展開している。 最初に問題を提起したのはWebユーザビリティ研究の第一人者ヤコブ・ニールセン氏。「パスワードを入力する際、画面に“****”としか表示されないのはユーザビリティ上問題がある。一般的に、パスワードを隠してもセキュリティは向上しない。それどころかログインに失敗してコストがかさむ」と指摘し、入力したパスワードの文字がはっきり見えるようにした方がいいと提言した。 著名なセキュリティ研究者のブルース・シュナイアー氏も、ブログでニールセン氏の意見に賛同を表明。「パスワードの文字を表示すれば
Googleが目指す最高の検索UI
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
長文をWEBに載せるなら、ページを分割して見出しを明確にしよう。 - てきとーに、てきとーに。
どうしてブラウザで長文が読めないのか 今回はスクロールという機能に限定して、考えてみましょう。 とあるので、ある程度限定的な話になっていくのは仕方がないんですが、 頭でっかちな考え方になっていて、正直的外れな話になっているように感じられます。 まあ上記の出発点が、僕からすると違和感があるのですが WEBデザインをやってる人間としては非常に納得いかないので、反論してみます。 なお、青空文庫のような小説に限定するのではなく、 WEBでのテキスト一般（WEB用に書かれたもの）について述べます。 そもそも普通のHPのコンテンツと、例に挙げてるような青空文庫の「小説」は、 コンテンツとして性質がまったく別モノなので、同一に語れません。 （というか青空文庫の小説は、当然のことながらWEBで読まれることを前提として書かれていません） まあ百歩譲って「とにかくWEBでは長文が読みづらい」っていうんなら、
進化を続けるモバイル向けUIの最前線──シリコンバレーで見た未来（前編）
2007年6月に米国で発売されたAppleの「iPhone」は、タッチパネルを用いた独特のユーザーインタフェース（UI）が大きな注目を集め、世界の携帯電話のUIにも大きな影響を与えた。2008年7月11日には、世界22カ国で「iPhone 3G」が発売され、日本でも熱狂とともに迎えられたのは記憶に新しい。iPhone3Gの国内での販売実績については、当初期待されたほどではないとの報道もあるが、その話題性や斬新な商品コンセプトは、少なくとも新しいケータイの在り方や方向性を示したことは間違いない。 こうした中、日本を始め世界各国で、従来の機種とは大きく異なるUIを採用した携帯電話が次々と登場している。まだ製品としての完成度は低く、お世辞にも使いやすい端末とは言えないが、キャリアやメーカー各社が、市場成熟化の打開策として、UIの進化に真剣に取り組み始めたのは確かだ。その引き金を引いたのは、iPh
ウェブデザインにおける効果的なコミュニケーションの取り方
ウェブデザインにおける明確で効果的なコミュニケーションの取り方をSmashing Magazineから紹介します。 Clear And Effective Communication In Web Design 下記は、簡潔に意訳したものです。 1. コミュニケーションのアプローチ方法 ウェブサイトの来訪者とコミュニケーションを取るためのアプローチ方法をいくつか紹介します。 テキスト 見出しやコンテンツ内にかかわらず、来訪者はテキストをメッセージとして受け取ります。コミュニケーションにおいて、極めて重要な要素です。 画像 画像は、テキストよりもすばやくメッセージを伝えるときがあります。画像を作成する際は、メッセージを魅力的に伝えられるようにします。 タイトルとヘッダ タイトルとヘッダは、来訪者に主要なポイントと考えを伝える重要で効果的なものです。 アイコン アイコンはウェブデザインの特徴的
新livedoor Blogの画像アップ機能がステキすぎた拳
最近、もしかしたら将来、今使ってるブログサービス（typepad.com）を乗り換えることがあるかもしれないなあと思っているのですが。 そんな折、livedoor Blogがバージョンアップしたと聞いたので、ちょっと使ってみたのです。 そしたらですね……画像アップロード機能の素晴らしいこと素晴らしいこと。溢れる涙を止めることができませんでした。 まあ僕が不勉強で他のブログサービスも全部こうなっているのかもしれませんが……でも感動したので、ここで報告したいと思います。 新livedoor Blogの記事作成画面は以下のような感じです。 画像をアップロードしたいときは、右側のアップロード済みサムネイルリストの上にある「画像をアップロード」をクリックして、いつもファイルを開くときに出てくるダイアログから、自分のパソコン内の画像を選びます。 あとは……以上です。「アップロード」ボタンなどはなく、画
‘web屋が主張する「リキッドレイアウト」に騙されないために’に騙されないために：ekken
ウェブサイトのデザインに関する話で、固定幅派と可変幅派の意見対立は珍しくも無いのだけど、これはちょっと酷かったなー。 web屋が主張する「リキッドレイアウト」に騙されないために 私自身は今現在、最小・最大幅設定の可変幅を採用しているわけなんだけど、別に「固定幅憎しッ！ セーバイしてくれるッ！」とか思っているわけじゃなくて、まぁ読みやすければ良いんじゃないのよ、などと言いながらハナクソをホジホジしている「どっちでもよかんべ派」 そのどっちでもよかんべの私が可変幅を採用しているのは、自分が読みにくいと思う他人のウェブサイトを閲覧する際に、文字サイズや表示領域を変更することが多いから。 表示領域を変更しているくせに、その最大・最小幅を限定しているのは、そのサイズより大きい・小さいと、なまら読みにくいべや、などと思っているからなのです。あ、今ちょっとだけ北海道弁が出てきたけど気にすんな。 で、安眠
Gmailから見るユーザビリティ ~ リンク文言や記号をユーザ視点で考える (ユーザビリティ実践メモ)
今回は、ウェブメールを題材として、ちょっとした工夫でウェブサイトのユーザビリティをあげるためのコツを取り上げます。 このとき、見ているメールよりも古いメールを読みたいのにも関わらず、「前」をクリックしてしまい、新しいメールへページを送ってしまうのです。もちろん、すぐに気づいて読みたいメールへ移動するのですが、ウェブサイト上ではこのような小さいストレスでも、ユーザの離脱を招きかねません。 この画面の場合、以下の工夫を行うことで、利用の際のストレスを軽減できるでしょう。 1.適切なリンク文言を利用する 2.ユーザの心理状況に応じたメタファー（記号）を利用する ■1点目：適切なリンク文言を利用する 「前」か「次」という文言は、一瞬では古いメール、新しいメールのどちらに移動するのかがわかりません。 ここで、同じGmailの英語版の表現を見てみましょう。（図2参照） 英語版では「newer」、「ol
ユーザがつい読んでしまう表現方法とは？ (ユーザビリティ実践メモ)
これまで実践メモでは、ウェブライティングの基礎など、ユーザにとって読みやすい文章表現についていくつか考察してきました。 ウェブライティングの記事一覧 今回は、訴求ポイントをFAQ形式で表現することで、ユーザに内容まで読まれやすくする方法をご紹介します。 このサービスでは、ただ子どもを預かるだけでなく、子どもの発達を考えたサービスを行っています。しかし、こうしたこだわりの説明文をコンパクトにすることは難しく、見出しでも曖昧な表現になってしまいがちです。 このページの場合、改善前はユーザは見出し以下の文章まで読まず、独自のサービスを訴求できませんでした。 そこで、特長の説明をQA形式にしたところ、ユーザは文章部分まで読むようになり、他社と違うサービス内容を理解するようになりました。 こういった、QA形式の文章がよく読まれるという行動は、弊社のユーザ行動観察調査の中で多く確認されています。 この
HTML の label タグに必ずつけたい CSS
CSS に1行加えるだけで ラベルまわりがとってもわかりやすくなる。 「そんなん当たり前」という人もいるかもしれないけど Gmail やら Twitter やらのログイン画面を見たら 実装されてなかったので一応。 label というのはフォームの部品とセットで使うやつで、 ある部品とその項目名を結びつけるやつね。 ↓このようなチェックボックスがあるとき 次回から自動的にログイン ↓こんなふうにラベルを指定しておくと <input type="checkbox" id="rememberme"> <label for="rememberme">次回から自動的にログイン</label> テキスト部分とチェックボックスが関連づけられるので テキストをクリックした時も チェックボックスにチェックが入るようになりますね。 ここをクリックでチェック入れられるよ 小さいチェックボックスにマウスカーソルを
iPhone より前からその問題はあった
iPod の時点ですでに。 iphoneが犯したたった一つの間違い – 煩悩是道場 「直感的に使える」と思いこませたところ。 iphoneは直感的じゃない。 iPhoneのインターフェイスと直感的と神々のトライフォースと – カイ士伝 以前に居酒屋で初めてiPhoneをさわる老婦人が居て、その人が「あらこれがうわさのやつでしょ！さわらせて！」といって一生懸命さわってたんだけどまったくもって使い方がわからず、隣でどうやらIT詳しげな感じの老紳士が「キミがそうやって操作わからない時点でこれは使いやすくないんだよ」と突っ込んでたんだけどあれは見事だったなあと未だに思う。 正直に言うと、はじめて iPod を触ったとき 曲の選び方がわからなかった。 どうやったらカーソルを上下させられるのかわからず 壊れてるんじゃないかと思った。本気で。 普通に考えたら、 丸いボタン（後に「クリックホイール」である
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
23歳の「元」Apple・UIデザイナー - tatsdesign's posterous
はてなブログ | 無料ブログを作成しよう
長文日記