iOS のヒューマンインターフェースを理解するためにはまず UI 設計の原則を定めた聖典 iOS Human Interface Guidelines を読むことから始めなければなりません。ここにはプラットフォームの特徴から情報設計の原則、それぞれ何のための部品なのか、という解説がされています。なぜこうなったのか、なぜこれが良くてあれが駄目なのか、Apple の UI デザイナーは何を考えてこのような設計にしたのか、HIG ではそのようなところまでは説明されていないことがあります。いくら内容を丸暗記したとしても「 なぜ 」がわからなければ本質から理解したとは言えません。 よくある UI デザインにおける誤り、『磨りガラス効果がかっこいい』『アニメーションしておくとかっこいい』『ボタンは右配置の方が押しやすい』『色が綺麗』『流行っているから優れている』…などがありますが、そういうことではない
コンピューターを使っているとアイコンを目にしない日はないほど、アイコンとコンピューターは切っても切れない関係にありますが、今日使われているアイコンに大きく寄与した人としてグラフィックデザイナーのスーザン・ケアさんが挙げられます。Apple社員として働いていたケアさんですが、彼女が一体何をして、どのようにアイコンの未来を切り開いたかについて、Priceonomicsがまとめています。 The Woman Behind Apple's First Icons http://priceonomics.com/the-woman-behind-apples-first-icons/ ◆グラフィカル・ユーザー・インターフェースの歴史 1984年にMacintoshが発売された時、シンプルで親しみやすいインターフェースが売りでした。しかし、このシンプルなインターフェースが完成するまでには歴史があったの
最近変なスクロールを使ってるサイトを見る。 これとか http://www.apple.com/iphone-5s/ これとか http://heteml.jp/ 他にも色々。 Javascriptがなんか頑張ってんだろうけどさ、 正直鬱陶しいよ。 やけに重いし、使いづらいし。 Chromeだとヌルヌル動くって？ みんなChrome使ってる思ってたらアカンでほんま。 追記： この変なスクロールはパララックスと言うそうです。 「この変なスクロール＝パララックス」ではないそうです。 また、「この変なスクロール＝パララックスのひとつ」と言う訳でもないみたいです。 ごめんね、もうこの追記消したい気分。
このiWatchすごいよぉ！ ヌルヌル動くiWatchのコンセプトGIFアニメ2013.11.19 12:00 小暮ひさのり うぉぉぉ！ かっこいいッ!! 登場が噂されるAppleの腕時計型デバイス｢iWatch｣。果たしてどんな形状で、どんなインターフェースになるのか？ 期待が高まりますよね。そんな｢ぼくのかんがえたさいきょうのあいうぉっち｣の姿がこちらです。 すっごいヌルヌル。 このコンセプトモデルのGIFアニメーションを作成したのはThomas Bogner氏。シンプルながらAppleらしさが出ている良インターフェースですよね。普段時計を付けない派ですが、実際にこんな感じでヌルヌル動くものが登場してしまったら、｢iWatch付けるっきゃ無いね！｣と態度が180度変わりそうな予感です。 これはあくまでもイメージ画像なのでどうなるかわかりませんが、男性向けが1.7インチ、女性向けが1.3
妄想コンセプトです。 ｢もしアップルがカメラを作ったら｣というデザイナーのRishi SomanさんのコンセプトデザインがこちらのiLens。 交換式レンズに対応していて、薄型のボディに磁力でくっつけて使える（という妄想）。データはNFC経由でやり取りする（という妄想）です。 きっと実現しても対応レンズが揃うまで満足に使えないんでしょ？ とか、ただでさえ値段の高いレンズがアップル価格でさらに高くなるんでしょ？ とか、QuickTakeってあったよねとか、話のタネとしてエレベーターを乗っている時間の間はつぶしてくれそうです。 でも、ほんとにあったら、触ってみたいですよね。 ［YANKO DESIGN via STYLE4 Design］ （鈴木康太）
デザイン丸パクリ！ 「iOS 6」のAppleの時計アプリにスイス連邦鉄道が激怒！ 1 名前： ツシマヤマネコ(北海道)：2012/09/21(金) 11:17:07.18 ID:4pSDFRtp0 「iOS 6」からiPad用に新しい時計アプリが追加されました。 iPhone用のものと違って白を基調としたデザインが印象的だったわけですが、 実はこれスイス連邦鉄道の3,000ヶ所以上で採用されている鉄道時計の デザインを丸パクリしたものだったのだそうです！ これはまずいｗ この時計のデザインは、スイス連邦鉄道のエンジニア兼デザイナーだった ハンス･フィルフィカーが1944年に作成したもの。その後MONDAINEという 時計メーカーが正式なライセンスを受けて商品化しています。 Appleは許可を取る必要が無いと考えていたみたいなのですが、 スイス連邦鉄道がかなりお怒りのようで法的措置も考えて
Apple｢その精密さはスイス時計のよう｣ → iOSの時計がスイス時計のパクリである事が判明 Tweet カテゴリニュース 0 ：ハムスター２ちゃんねる 2012年9月21日 12:00 ID：hamusoku 「iOS 6」からiPad用に新しい時計アプリが追加されました。 iPhone用のものと違って白を基調としたデザインが印象的だったわけですが、実はこれスイス連邦鉄道の3,000ヶ所以上で採用されている鉄道時計のデザインを丸パクリしたものだったのだそうです！ これはまずいｗ スイス時計 時計アプリ http://nanokamo.com/articles/apple/ios-6-ipad-clocks-app-sbb.html 1 :ハムスター名無し2012年09月21日 12:03 ID：bICco.B10 ヨーロッパの田舎のレストランのロゴが林檎に似ていると難癖つ
「リンゴのロゴが酷似」＝米アップルがカフェに抗議−ドイツ 「リンゴのロゴが酷似」＝米アップルがカフェに抗議−ドイツ 【ベルリン時事】ドイツ西部ボンにある家族経営のカフェがリンゴの形をしたロゴを商標登録したところ、米アップルが同社のロゴと酷似しているとして登録取り消しを求めた。店側は「苦労して考案したロゴ。取り消しには応じない」と主張。巨大企業を相手に全面的に争う構えだ。 このカフェは４月末に開店した「アプフェルキント（リンゴの子供）」。子供も楽しめるカフェが理想の経営者クリスティン・レーマーさん（３３）は、店の大家がリンゴ園を所有していたことから店名を決め、赤いリンゴの中に子供の顔のシルエットが浮かぶロゴをデザインした。 チェーン展開を考えているレーマーさんは、特許庁にロゴの商標登録を出願し、認可された。ところが、アップルから登録取り消しを求める書簡が届き、返信で拒否すると伝えた。
iPhoneは会社から支給されて使っていますが、非常に使い勝手がいいです。 ただ、これでは、いまほど欲しくならないことはたしかですね。 他の機種と同じ土俵の上に上がってしまっているので、「なんかいろいろ機能がごてごて付いてる中の携帯の一つ」というところでしょう。 つまり、「売れるモノも売れなくなる」、「売り方次第」ということを今更ながら思い知らされました。
Apple Footer 1. Trade‑in values will vary based on the condition, year, and configuration of your eligible trade‑in device. Not all devices are eligible for credit. You must be at least the age of majority to be eligible to trade in for credit or for an Apple Gift Card. Trade‑in value may be applied toward qualifying new device purchase, or added to an Apple Gift Card. Actual value awarded is base
Designer Dailyの記事を参考に、Appleのウェブデザインからディテールを強化する9つのポイントを紹介します。 Creating beautiful web designs: 9 details that matter Apple [ad#ad-2] 下記は各ポイントを意訳し、Appleのサイトを例にしたものです。 ドロップシャドウ ドロップシャドウは、デザインに深さを与える素晴らしいテクニックです。しかし、計画的に使用しないと、とても素人くさい外見になってしまいます。 良いドロップシャドウを作るには、2つの重要なポイントがあります。 シャドウは繊細にする。 ページ内の光源は一貫したものにする。
分解大好きお姉さんの万里子さんが、不要になったiPhone 3Gを分解しました。その結果、今更ではありますが、ひとつ発見がありましたので報告します。 上の写真は、3Gのプラスチックボディの内側です。よく見ると通常のプラスチック部品ではあまり見られないツールマーク（縞模様のような溝）が見られます。この溝は、ボディの内側をNC加工（コンピュータコントロールのドリルによる切削）した痕跡です。 ユニボディと言われるMacBook ProやAirは、アルミニウムの固まりから削って内面を作るので、ボディの内側全体がNC加工のツールマークに覆われています。これはiPADも同じです。しかし、プラスチックの部品の場合は、型に始めからかなり複雑な形状を作り込むことができるので、後から加工することは通常行われません。 にもかかわらず3Gのボディの内側は、全体の５分の一ぐらいの面積がツールマークで覆われていました
シーブレインのマニュアル作成サービスチームから「スマートフォンで読めるマニュアル作成」を PR するページを作ってほしいとのご依頼があり、ページをデザインました。 せっかく iPhone を素材に使うのだから、フォントも Apple 風にしたいわあ、といろいろ探した際に知ったいくつかのフォント情報をメモします。 ひと目でフォント判別できる一流デザイナーにあこがれる！ 1. Apple 日本語サイトのフォントは「AXIS」 Apple 公式サイトの日本語や Apple store で手に入るパンフレットには「AXIS」というフォントが使われていることが多いそうです。 その「AXIS」試用版が、無料でダウンロードできます。登録さえすれば商用も OK という太っ腹ぶりです。 なだらかなラインがスマートな、きれいなフォントです。 Type Project｜試用版ダウンロード http://www.
前の記事 ネットは「偏った意見」を強化するか：研究結果 「米国初の洋上風力発電」：反対運動で難航 次の記事 「iPadは使いにくい」：米のUI専門家が批判 2010年5月13日 IT コメント： トラックバック (0) フィードIT Brian X. Chen 『iPad』はインターフェースの勝利と称されている。しかし、あるユーザビリティーの専門家はこのほどiPadについて、インターフェースに一貫性がなく明確でないという批判を発表した。インターフェースに標準が設定されていないため、それぞれのアプリが違ったように動くのだという。 一部からは「ユーザビリティーの王様」とも呼ばれるJakob Nielsen博士は今週、『iPad』の使いやすさを評価する93ページのレポートを発表した。このレポートは、34種類のアプリとウェブサイトをテストした7人のユーザーからのフィードバックを基に作成されている。
こちらは、次世代iPhoneと思しき物体です。 速報でお伝えしたように、サンフランシスコ空港に程近いレッドウッド・シティのバーに転がってた落とし物で、見た目はiPhone 3GSっぽくカモフラージュしてますが、ギズが入手＆解体してみたところ、ほぼ100%本物との確証を得ました。 本物だと思う8つの理由と感想、続きます。 アップルは目下パッケージングとデザインの仕上げを急ピッチで進めている段階と思われますが、この拾い物の次世代iPhoneは今までとは違う、全く新しい携帯です。 何が新しい？ • ビデオチャット用の前面カメラ • 標準の背面カメラも改善（レンズはiPhone 3GSより目に見えてビッグ） • カメラ専用フラッシュ • 標準SIMの代わりに（iPadみたいな）micro SIM搭載 • 画面も改善。960x460かどうかはハッキリとはわかりませんが、そんな感じに見えます。｢Con
Appleの美しいウェブサイトから学ぶ実用的な15のデザインヒントをDesign Shackから紹介します。 15 Design Tips to Learn From Apple 下記は各ポイントを意訳したものです。 サイトのキャプチャは可能なものは日本サイトのものにしています。 はじめに Apple社は高級なデザインと類語です。Appleが発信する偉大なデザインを観察することから、学べることはたくさんあります。 ここにあげた15のポイントはあなた自身の仕事に活用されることを意図したものです。この素晴らしいサイトデザインをあなたのインスピレーションとして使用してください。 1. Keep it Simple アップル Appleのウェブサイトを一目見てください。そして、あなたの目に見えるものではなく、見えないものについて注目してみてください。 例えば、空港でトイレを探していると想像してくだ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
