欧美日韩一区二区三区四区不卡,日韩欧美视频一区二区三区四区,久久精品欧美一区二区三区不卡,国产精品久久久乱弄

咨詢(xún)電話(huà):186 7916 6165 咨詢(xún)電話(huà):186 7916 6165 (微信同號(hào))    在線(xiàn)QQ:181796286
DESIGN SHARING ·
設(shè)計(jì)分享
關(guān)注開(kāi)優(yōu)網(wǎng)絡(luò) 關(guān)注前沿
iPad的網(wǎng)頁(yè)設(shè)計(jì)尺寸
網(wǎng)頁(yè)設(shè)計(jì)中banner字體設(shè)計(jì)的小竅門(mén)

手機(jī)UI用戶(hù)界面設(shè)計(jì)——設(shè)計(jì)師必備

發(fā)表日期:2015-06-15    文章編輯:南昌開(kāi)優(yōu)網(wǎng)絡(luò)    瀏覽次數(shù):5819    標(biāo)簽:網(wǎng)頁(yè)設(shè)計(jì),手機(jī)網(wǎng)站制作

網(wǎng)頁(yè)設(shè)計(jì)之后衍生出的手機(jī)UI設(shè)計(jì)是一個(gè)看是簡(jiǎn)單,但是注意的細(xì)節(jié)更多的及的設(shè)計(jì)。以下是作為設(shè)計(jì)師的我收集的相關(guān)知識(shí)分享給設(shè)計(jì)師們,尤其是剛剛由網(wǎng)頁(yè)設(shè)計(jì)轉(zhuǎn)向UI設(shè)計(jì)的設(shè)計(jì)師們。
  手機(jī)UI界面設(shè)計(jì)是手機(jī)軟件的重要組成部分。界面設(shè)計(jì)是一個(gè)復(fù)雜的并有不同學(xué)科參與的工程,認(rèn)知心理學(xué)、設(shè)計(jì)學(xué)、語(yǔ)言學(xué)等在此都扮演著重要的角色。手機(jī)UI界面設(shè)計(jì)的三大原則是:置界面于用戶(hù)的控制之下;減少用戶(hù)的記憶負(fù)擔(dān);保持界面的一致性。
  一、手機(jī)UI規(guī)范性設(shè)計(jì)
  通常手機(jī)UI界面設(shè)計(jì)都按Windows界面的規(guī)范來(lái)設(shè)計(jì),即包含“菜單條、工具欄、工具箱、狀態(tài)欄、滾動(dòng)條、右鍵快捷菜單”的標(biāo)準(zhǔn)格式,可以說(shuō),界面遵循規(guī)范化的程度越高,則 易用性相應(yīng)的就越好。小型軟件一般不提供工具箱。
  規(guī)范性設(shè)計(jì)細(xì)則
  1、手機(jī)常用菜單要有命令快捷方式。
  2、完成相同或相近功能的UI菜單用橫線(xiàn)隔開(kāi)放在同一位置。
  3、菜單前的UI圖標(biāo)能直觀的代表要完成的手機(jī)操作。
  4、下拉菜單深度一般要求最多控制在三層以?xún)?nèi)。
  5、工具欄要求可以根據(jù)手機(jī)用戶(hù)的要求自己選擇定制。
  6、相同或相近操作功能的工具欄放在一起。
  7、工具欄中的每一個(gè)按鈕要有及時(shí)提示信息。
  8、一條工具欄的長(zhǎng)度最長(zhǎng)不能超出手機(jī)屏幕的寬度。
  9、工具欄的圖標(biāo)能直觀的代表要完成的操作。
  10、系統(tǒng)常用的工具欄設(shè)置默認(rèn)放置位置。
  11、工具欄太多時(shí)可以考慮使用工具箱。
  12、工具箱要具有可增減性,由手機(jī)用戶(hù)自己根據(jù)需求定制。
  13、工具箱的默認(rèn)總寬度不要超過(guò)屏幕寬度的1/5。
  14、狀態(tài)條要能顯示手機(jī)用戶(hù)切實(shí)需要的信息,常用的有:目前的操作、系統(tǒng)狀態(tài)、用戶(hù)位置、用戶(hù)信息、提示信息、錯(cuò)誤信息等,如果某一操作需要的時(shí)間較長(zhǎng),還應(yīng)該顯示進(jìn)度條和進(jìn)程提示。
  15、滾動(dòng)條的長(zhǎng)度要根據(jù)顯示信息的長(zhǎng)度或?qū)挾饶芗皶r(shí)變換,以利于手機(jī)用戶(hù)了解顯示信息的位置和百分比。
  16、狀態(tài)條的高度以放置五號(hào)字為宜,滾動(dòng)條的寬度比狀態(tài)條的略窄。
  17、菜單和工具條要有清楚的界限;菜單要求凸出顯示,這樣在移走工具條時(shí)仍有立體感。
  18、菜單和狀態(tài)條中通常使用5號(hào)字體。工具條一般比菜單要寬,但不要寬的太多,否則看起來(lái)很不協(xié)調(diào)。
  19).右鍵快捷菜單采用與菜單相同的準(zhǔn)則。
  二、手機(jī)UI界面的美觀與協(xié)調(diào)性設(shè)計(jì)
  作為一個(gè)UI界面設(shè)計(jì)師,我們要全局掌握產(chǎn)品的背景,邏輯,用戶(hù)體驗(yàn)。同時(shí),我們也不能忽略UI界面設(shè)計(jì)的美觀與協(xié)調(diào)性,UI界面設(shè)計(jì)應(yīng)該大小適合美學(xué)觀點(diǎn),感覺(jué)協(xié)調(diào)舒適,能在有效的范圍內(nèi)吸引用戶(hù)的注意力。
  美觀與協(xié)調(diào)性細(xì)則
  1、界面長(zhǎng)寬接近黃金點(diǎn)比例,切忌長(zhǎng)寬比例失調(diào)、或?qū)挾瘸^(guò)長(zhǎng)度。
  2、UI布局設(shè)計(jì)要合理,不宜過(guò)于密集,也不能過(guò)于空曠,合理的利用空間。
  3、 界面按鈕大小基本相近,忌用太長(zhǎng)的名稱(chēng),免得占用過(guò)多的界面位置。
  4、按鈕的大小要與UI界面的設(shè)計(jì)空間協(xié)調(diào)一致。
  5、避免空曠的UI界面上設(shè)計(jì)放置很大的按鈕。
  6、放置完控件后界面不應(yīng)有很大的空缺位置。
  7、字體的大小要與UI界面的大小比例協(xié)調(diào), 通常設(shè)計(jì)用的字體中宋體9-12較為美觀,很少使用超過(guò)12號(hào)的字體。
  8、前景與背景色搭配合理協(xié)調(diào),反差不宜太大,少用深色,如大紅、大綠等。常用色考慮使用Android界面色調(diào)。
  9、 如果使用其他顏色,主色要柔和,具有親和力與磁力,堅(jiān)決杜絕刺目的顏色。
  10、手機(jī)系統(tǒng)常用的主色有'#E1E1E1'、'#EFEFEF'、'#C0C0C0'等。
  11、 界面風(fēng)格要保持一致,字的大小、顏色、字體要相同,除非是需要藝術(shù)處理或有特殊要求的地方。
  12、如果窗體支持最小化和最大化或放大時(shí),窗體上的控件也要隨著窗體而縮放;切忌只放大窗體而忽略控件的縮放。
  13、對(duì)于含有按鈕的界面一般不應(yīng)該支持縮放,即右上角只有關(guān)閉功能。
  14、 通常父窗體支持縮放時(shí),子窗體沒(méi)有必要縮放。
  15、如果能給用戶(hù)提供自定義界面風(fēng)格則更好,由用戶(hù)自己選擇顏色、字體等。
主站蜘蛛池模板: 花莲县| 龙州县| 延长县| 府谷县| 玉溪市| 甘泉县| 莒南县| 临高县| 阳谷县| 桦南县| 宣威市| 张掖市| 双牌县| 象山县| 锡林郭勒盟| 浏阳市| 晋中市| 巴中市| 惠州市| 茌平县| 乌兰察布市| 佛教| 文水县| 通州市| 克拉玛依市| 韩城市| 霞浦县| 虹口区| 荣成市| 连南| 绥江县| 内黄县| 汝南县| 肇源县| 阜南县| 湘阴县| 南城县| 资兴市| 承德县| 华池县| 隆尧县|