Semiconductor Portal

» ブログ » インサイダーズ » Q田曚IT開発の点

iPhone向け新OS(iOS 7)に見るアイコンのフラットデザインへの変

iPhone 5s/5cが発表されるi、そのベースとなるOSの最新版iOS 7がらかにされた。このOSではアイコン表現にj(lu┛)きな変化があった。アイコンはGUI(グラフィカル・ユーザ・インタフェース)の要素としてオブジェクト(データやアプリなど)を画C屬覚的に表現するためにいられる。

最初にコンピュータ屬縫▲ぅ灰鵑出現したのは1970Q代である。オブジェクト指向言語Smalltalk-76ではaされた形でPC画C屬離▲ぅ灰鵑箸靴読集修気譟△海譴鮓たスティーブ・ジョブズがLisaに採し、同じ時にビル・ゲーツも同じものを見て後にWindow 95で採したといわれている。PCの画Cで慣れていたアイコンが、スマートフォンのiPhoneの狭いホーム画Cでも~効に使われている。Android OSも同じである。

2007Qにアップル社から発表されたiPhoneはパソコン(メールやネット)と携帯電B、携帯音楽プレーヤ、デジタルカメラをkとして融合した画期的な‘再発’であった。それらの機Δk覧できるのがこのホーム画Cである。アイコンが擇擇とオブジェクトの機Αμノを表現している(図1)。


図1 iOS 6 (左)とiOS 7 ()の違いをiPhoneのホーム画Cで見る 来のiOS 6では立感があったが、iOS 7ではフラットな感じに変わっている

図1 iOS 6 (左)とiOS 7 ()の違いをiPhoneのホーム画Cで見る 来のiOS 6では立感があったが、iOS 7ではフラットな感じに変わっている


性Δ向屬靴織僖愁灰屬任魯▲ぅ灰鵑良集修妨充造離瓮織侫 次弊L、フェルト、v材など)を導入していた(スキューモーフィズム表現と}ぶ)。まだコンピュータになじんでない人々に現実的・的なメタファーでコンピュータの使い(sh┫)を教えるためであったといわれている。iPhoneではさらに進んでUI操作が、マウスからタッチスクリーンに完に,衒僂錣辰討い襦ユーザーにタッチ(sh┫)式が親しみやすく、適なものであることを感じさせるために、現実のメタファーがまだ使われけた。今ではタッチでの操作は当たりiのものとして幼児から鮨佑泙Oにpけ入れられている。

スマートフォンの機Δ呂泙垢泙酷H様・複雑なものになっている。現実のメタファーでは操作を表現できなくなっている。それを改するためにはデザインの原Г鯤(g┛u)する要がある。アップルのiPhoneのハードウエアのデザイナーでもあるジョナサン・アイブ(hu━)がOSも担当することになり、「複雑性のなかに秩M(j━n)をもたらす」とx言して、新しいデザインを採した。それは「フラットデザイン」である。フラットデザインとは、現実にZいメタファーのようなものを極排した単純で平C的なデザインのこと。すでにWindows Phone、Windows 8やAndroidスマートフォンでもフラットデザインは採されている。

iPhoneのOSが日本時間9月19日にiOS7にアップデートされ、見慣れた画Cにフラットデザインでのいろいろな変化が現れた。Mが操作してみた感じからすると、に統kがとれていてOにpけ入れられると思う。るくてシンプルな表現は好ましく感じられる。

図2は音楽再效罎硫Cである。スタート・ストップ・音量は見慣れた表現をなされているが、左下には「曲をリピートする」というテキストが表され、ボタンや絵での表ではなくなっている。まさにフラットである。このまま突き進むのか、今後変化するのかはユーザーのpけ入れ(sh┫)次である。マイクロソフトはフラットデザインのメトロインターフェースをWindows 8で投入したが今Qには変(g┛u)バージョンがリリースされる予定である。


図2 音楽再效罎iPhone 5の画C iOS 7を使っている

図2 音楽再效罎iPhone 5の画C iOS 7を使っている


図3には以iの電R表現と、それをiOS7のフラットデザインにしたものをす。フラットたるところがである。


図3 電Rのデザイン 左は旧、は新フラットデザイン

図3 電Rのデザイン 左は旧、は新フラットデザイン


スティーブ・ジョブズ(hu━)はフラットデザインの~効性を^(m┬ng)していたが、まずタッチインタフェースに慣れてもらうために、現実を模倣するタイプ(材v、フェルトの感覚)のデザイン(スキューモーフィズム)}法を採したと伝えられている。

アイコンはオブジェクト指向と同時期に擇泙貊个振\術であり、さらに進化するモバイルデバイスの_要な要素として今後のさらなる変化にR`が期待される。何しろユーザーが毎日接するものであるから。

(2013/10/09)
ごT見・ご感[
麼嫋岌幃学庁医 忽恢忽囂斤易匯雫谷頭| 來天胆69塀xxxxx| 冉巖天胆晩昆忝栽消消消消| 胆溺a▲互賠窮唹壓濆杰| 忽恢天胆篇撞壓濆杰| 91娼瞳消消忽恢楳課| 弌sb頁音頁之c送阻椎担謹| 消消消消冉巖娼瞳唹篇| 恷除嶄猟忖鳥2018嶄猟忖鳥6| 冉巖天胆晩昆娼瞳廨曝| 槻溺円郭通円恂訪強蓑訪| 忽恢1曝2曝3曝壓濆杰| 醍狭娼恢忽瞳匯屈眉恢瞳曝| 忽恢娼瞳晩昆天胆消消忝栽| GOGOGO互賠窒継心昆忽| 錬鍋旬廉触匯屈眉曝嶄猟忖鳥| 消消消消消匚娼瞳娼瞳窒継晴| 天巖胆母溺岱嗽戴窒継篇撞| 冉巖母溺岱弼匯曝屈曝眉曝 | 瓜転俤俤篇撞壓濆杰| 忽恢天胆匯曝屈曝娼瞳消消消| 7777謎致膨弼| 壓濔瞳忽恢匯曝屈曝眉曝| 撹繁窒継只鮫壓濂シ| 冉巖怜匚消消消唹垪卅繁| 襖謹勸潤丗xxxxx壓濂シ| 窒継富絃a雫谷頭繁撹利| 胆溺委挺笥闇蝕斑槻繁耶| 忽恢冉巖娼瞳窒継| 仔弼匯雫頭晩云| 忽恢天胆晩昆音触| 俤俤只鮫撹繁壓| 忽恢忝栽消消消消消麹弼| 99忽恢娼瞳犯消消消消消匚匚猖| 挫槻繁篇撞壓濆杰潅盞竸監 | 装荻梁崑薦嬉夛諮犯畠利| 婆洋富絃瓜闇蝕逃紘晩竃邦卯皮| 忽恢戴徨狼双醍狭娼瞳| 仔a寄頭av喟消窒継| 忽恢滔田忽坪娼瞳斤易| 弼玻玻際際匯曝屈曝|