超碰av在线|无码精品一区二区三区在线|伊人色色日韩一级片内射视频群批_欧美丰满少妇人妻HD高清在线_亚洲一区二区中文_亚洲无码动漫专区

淺析iOS界面設(shè)計(jì)方法

2012-5-9 藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( www.miumiuwan.com )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ，為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、包裝設(shè)計(jì) 、圖標(biāo)定制、用戶體驗(yàn) 、交互設(shè)計(jì)、網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來源：http://cued.xunlei.com/log-009

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中，請(qǐng)點(diǎn)這里

眼看移動(dòng)互聯(lián)網(wǎng)之風(fēng)吹遍祖國大地，各種移動(dòng)應(yīng)用接踵而來，作為互聯(lián)網(wǎng)設(shè)計(jì)師，若能掌握一些基本設(shè)計(jì)原則，將會(huì)對(duì)新平臺(tái)帶來的的挑戰(zhàn)輕松應(yīng)對(duì)！今天就以iPhone為起點(diǎn)，讓咱們來分析一下iOS界面的設(shè)計(jì)方法～

開始前先整理下思路，目前移動(dòng)互聯(lián)網(wǎng)的界面設(shè)計(jì)有2種：即移動(dòng)webUI 和 移動(dòng)客戶端UI 。

對(duì)于設(shè)計(jì)而言，移動(dòng)web滿足人們快速的信息瀏覽，注重排版和信息整合；而客戶端可以實(shí)現(xiàn)更加豐富的交互體驗(yàn)，注重層級(jí)關(guān)系和操作引導(dǎo)。思路捋順了，接下來就開始一層層把它們展開吧~

Web 設(shè)計(jì)

iphone擁有緊致的尺寸，目前有480×320 和 640×960兩種分辨率。它包含了完整的Safari瀏覽器，可以完整顯示HTML，XML網(wǎng)頁。利用多點(diǎn)觸摸可以做到跟桌面平臺(tái)一樣的網(wǎng)頁瀏覽體驗(yàn)。

但受“ 屏幕小、觸屏操作、網(wǎng)速限制 ” 的限制，web的設(shè)計(jì)需要考慮諸如：精簡布局、降低圖片加載、減少輸入等等。具體辦法似乎可以這么做：

1、對(duì)原有信息進(jìn)行整合重組，橫向排列、避免分欄。

2、動(dòng)作傳感器可以感應(yīng)用戶橫握手機(jī)時(shí)自動(dòng)轉(zhuǎn)為橫屏顯示，因此信息排版要做到自適應(yīng)寬度，橫屏480（960），豎屏320（640）

3、精簡精簡精簡！！在小小的顯示屏上，所有主元素都要盡量的“夠大”，因此頁面只需展示核心功能，去掉不必要的”設(shè)計(jì)元素”（使用色塊或簡單背景圖），使頁面易操作、瀏覽順暢。

客戶端UI設(shè)計(jì)

iphone中的AppStor提供上萬種應(yīng)用下載，每個(gè)應(yīng)用即有一套獨(dú)立的UI。包括：應(yīng)用圖標(biāo)、閃屏、功能界面等

1、圖標(biāo)設(shè)計(jì)

圖標(biāo)通常是傳達(dá)給用戶的第一視覺感受，它可以體現(xiàn)出產(chǎn)品風(fēng)格、功能，甚至品質(zhì)。iphone獨(dú)特的桌面展示方式，引領(lǐng)了"豆腐塊"圖標(biāo)趨勢(shì)，即在一個(gè)圓角方形的區(qū)域內(nèi)創(chuàng)造各種可能。分析眾多優(yōu)秀應(yīng)用圖標(biāo)發(fā)現(xiàn)，要設(shè)計(jì)一款精致醒目的圖標(biāo)，大概可以遵循以下幾點(diǎn)：

a、圖形元素盡可能不超過2個(gè)，并且不可平均分布，突出主視覺

b、桌面極少使用淺色，因此配色盡量以明亮淺色為主，以免被背景吸收掉

c、為了讓圖標(biāo)更加自然融合其中，符合ios平臺(tái)的透視標(biāo)準(zhǔn)，盡量使用正面垂直角度，光源自上而下。

輸出： iOS會(huì)為圖標(biāo)自動(dòng)生成圓角投影，可直接輸PNG：57x57px 114×114 512×512 90度直角（不要使用alpha透明度）

2、歡迎界面

歡迎界面（閃屏）像是應(yīng)用的一道門，在使用前給用戶一個(gè)預(yù)示，它通常包含圖標(biāo)、版本號(hào)、加載進(jìn)度等信息。設(shè)計(jì)可以根據(jù)產(chǎn)品風(fēng)格隨意發(fā)揮，與圖標(biāo)呼應(yīng)，強(qiáng)化產(chǎn)品的印象。