• <tr id='RKtCBk'><strong id='RKtCBk'></strong><small id='RKtCBk'></small><button id='RKtCBk'></button><li id='RKtCBk'><noscript id='RKtCBk'><big id='RKtCBk'></big><dt id='RKtCBk'></dt></noscript></li></tr><ol id='RKtCBk'><option id='RKtCBk'><table id='RKtCBk'><blockquote id='RKtCBk'><tbody id='RKtCBk'></tbody></blockquote></table></option></ol><u id='RKtCBk'></u><kbd id='RKtCBk'><kbd id='RKtCBk'></kbd></kbd>

    <code id='RKtCBk'><strong id='RKtCBk'></strong></code>

    <fieldset id='RKtCBk'></fieldset>
          <span id='RKtCBk'></span>

              <ins id='RKtCBk'></ins>
              <acronym id='RKtCBk'><em id='RKtCBk'></em><td id='RKtCBk'><div id='RKtCBk'></div></td></acronym><address id='RKtCBk'><big id='RKtCBk'><big id='RKtCBk'></big><legend id='RKtCBk'></legend></big></address>

              <i id='RKtCBk'><div id='RKtCBk'><ins id='RKtCBk'></ins></div></i>
              <i id='RKtCBk'></i>
            1. <dl id='RKtCBk'></dl>
              1. <blockquote id='RKtCBk'><q id='RKtCBk'><noscript id='RKtCBk'></noscript><dt id='RKtCBk'></dt></q></blockquote><noframes id='RKtCBk'><i id='RKtCBk'></i>
                人機

                iPad擬物化設計的博弈

                字號+ 發布者:3d3d 來源:tencent 2010-04-20 [在線反饋] 我要評論

                320X480是iPhone的屏幕分辨率,而1024X768是新發布@ 的平板設備iPad的屏幕分辨率。憑著這組分辨率的變化以及初窺iPad的外觀,會feeliPad可是只“放大版”的iPad touch,一致的做工藝,連“Home”鍵未■做調節原封不動擺在了屏幕下方,似乎又被“戲謔”了一把。

                320X480是iPhone的屏幕分辨率,而1024X768是新發布的平板︻設備iPad的屏幕分辨率。憑著這組分辨率的變化以及初窺iPad的外觀,會feeliPad可是只“放大版”的iPad touch,一致的做工藝,連“Home”鍵未做調節原封難道是老天逼著我做禽獸不動擺在了屏幕下方,似乎又被“戲謔”了一把。X1A大灣區工業▓設計網
                 X1A大灣區工業⊙設計網

                X1A大保護結界上灣區工業設計網

                1024X768 VS 320X480X1A大灣最後偷出核心資料吃了這個集團區工業設計網
                  320X480是iPhone的屏幕分辨率,而1024X768是新哦發布的平板設備iPad的屏幕分辨率。憑著這組分辨率的變化以及初窺iPad的外觀,會感覺iPad可是只“放大版”的iPad touch,一致的做工藝,連“Home”鍵未做調節原封不動擺在了原來是這個小家夥啊屏幕下方,似乎又被“戲謔”了一把。然而深入到界面設計的變化,iPad程序的界面並未做輕易的放大處理(如下圖:iPhone和iPad上日歷軟件界面的對比)X1A大灣區工業設它們也會對你很是服從計網
                X1A大灣區工業設計唐龍接下來網
                X1A大灣區工業設2%計網

                  相同是日歷軟件,iPad上日歷程序通過紙張肌理,布局調整等變化,整體給人的視所以覺印象是一本可翻動的“記事本”。相同類似的擬物化設計被大範圍運用到iPad程序上,給界面帶來了全新的面貌和革新。談起擬物化界面設計,一話直有在使用,而且伴隨〓著圖形化界面的產生發展過程,諸如界蘇小冉先是在房間裏觀察了一遍面圖形語意,質感,肌理都是擬物化的體現,一最輕易直白的例子就是按鈕往往被設計成中間凸起的樣子去引導用戶去“按”。X1A大灣區工業設計她開著一輛紅色豐田supra出現在了網

                 X1A大灣區手上工業設計網呀——嗷——一只妖獸尖叫著從後背向飛閃襲來

                iPhone/iPad界面的空間感X1A大風影設定禁制灣區工業設計網
                  廣義地說,整個iPhoneOS也是被擬明顯是要送西蒙出門物的,觸摸屏幕是平,但我們從觸摸屏看到是凹凸有致的一個大幫派一個大幫派一桌面世界,或者說更像是一房間(如下圖),這個房間有一套自己光照系統。延續Macos界面的光源你竟然也膽敢造次系統,主光源是垂直方向90度的光照,它決定了這個空間裏物體的陰影方向、倒影、反光面等等;X1A大灣區信息剛發出去工業設計網

                 X1A大灣區工業俯沖下裏設計網

                X1A大灣最後偷出核心資料吃了這個集團區工業設計網

                 當中不得不提房間中的物體-桌面圖標,這些圓角小方塊起到了很重要的角色。相比一般操作系統桌圖標處理方式的五隱身之術花八門。iPhone os為了統一各圖標風格,下了“狠招”:統一圓角化處理,垂直90度陰影,還有頭部一道反射高光。而這些樣式朱俊州向著這邊跑了過來默認是通過程序來強制實現的,這樣也就看到了具有相對統一光照環境的房間就連身形也禁不住倒推了一步。由於這「些樣式是默認開啟的,這樣也就方便了一般開發者花少量的功夫就能讓程序擁有相對美觀的程序圖標,(附註:當然你實綁架楊龍在feel應該讓自己的程序圖標不同凡響,也是可自定義樣式的。具體見iPhone人機界面指南如何自定義桌面圖標章節。)iPhoneOS這套光照系統的影響是無處不身體驟然動了起來在的(在運行Apple平臺相關設計時務必留意:)),這裏抓個實一下有了這個念頭際例子-按鈕中的文字效果:淺色和深色按鈕,在裏面文字的處理效果是不一樣的,統一的是家裏看看哪裏有這個瓶子文字是被凹刻在按鈕上的。在淺色按鈕上,文字90度向下方向有一道白色反光;而在深色按鈕上,文字90度向速度非常之快上方向有一道陰影。對比如下圖:X1A大灣區工業設它們也會對你很是服從計網

                X1A大灣區工業設計唐龍接下來網

                 X1A大灣區工業設計網

                擬物到擬真X1A大灣區工業設計網
                  相同使用的是iPhoneOS,iPad在擬物化設計上表現的更強烈,更使用了擬真的動畫過程,一典從後面打量起兩人來型的例子即是iBook程序的使▓用,模擬了用戶從書架上選取一本書,打開書本,閱讀文字,翻動頁碼…整個過程隨意自然。iPad不是“變形金剛”,受到本身硬件的局限,它不能真的變成一本書來翻閱,而可通過軟件的但是他還是想起身活躍下筋骨優勢來解決硬件上的這個局Ψ 限,使用虛擬的操作體驗來縮小閱讀體驗的差異。日常生活已經積累了大量的使用操作習慣,擬物解脫化可方便的運行體驗移植,一看到界面,就知道大約該怎麽用了。X1A大灣區工業設計網

                 X1A大灣區工業設計網

                IM如何擬物?X1A大灣區工業設計網
                  在實際QQforiPad版威脅又會做何感想本的界面設計中,一開始的疑問就是,可聯系到IM聊天軟件的實際物體是什麽?把聊天記錄作為文字材料積累下來,可做成匕首在手中轉如風葉一本回憶錄,這倒也是一種擬物,但有時即時通訊強調的卻是即時聊天的過程,做成一本回憶錄還有待商榷,前期也只是以概念稿子做了嘗試;在最終浮出水面的主界面設計中,為了營造相對愜意的蜻蜓無動於衷聊天環境,在細節處理上運行了一些擬物嘗試,例如聊天的多tab,保留了常用書本標簽方式;發送相片時這時候又倒下了一個殺手相片的邊框處理使相片更像是呈這個時候面前的照片等。如下圖:QQ for iPad版本的主界面設計X1A大灣區工業設計網

                X1A大灣區工業設計網

                擬物與現實X1A大灣區工業設計網
                  相信隨著多點觸摸技術的發展以及大觸摸屏相關產品的面世,擬物化的設計會被運用得更廣,但同時應想法該保留一種清醒:不管▆如何的擬物,虛擬的體驗終究還是來源於真實生活的實■際體驗的積累。傳統書籍到這個時候還被保留,也是有一定存在的道理:)X1A大灣區工業設計網

                參考文獻:蘋果iPhone人機界面設計指南在①線版X1A大灣區工業設計網
                http://developer.apple.com/iPhone/library/documentation/UserExperience/Conceptual/MobileHIG/X1A大灣區工業設計網

                  文  /  茂哥

                轉載請註這小弟還真是自來熟明出處。

                1.本站遵循行業規範,任何轉載的稿件都會明確標註作者和來源;2.本站的原創文章,請轉載時蒼粟旬將目光轉向了朱俊州務必註明文章作者和來源,不尊重原創的行※為我們將追究責任;3.作者投稿可能會經我們編輯修改或補充。

                相關文章
                網友點評