雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁 案例 服務(wù) 關(guān)于 face+

系統(tǒng)界面設(shè)計(jì)需要遵循哪些原則

Time: 2021-04-02

當(dāng)系統(tǒng)跟界面設(shè)計(jì)相聯(lián)系的時(shí)候,僅僅按照界面設(shè)計(jì)的要求遠(yuǎn)遠(yuǎn)不夠,還需要設(shè)計(jì)者充分考慮系統(tǒng)的使用和適用范圍。那如何才能完美地將系統(tǒng)和界面設(shè)計(jì)相融合,設(shè)計(jì)出優(yōu)秀的系統(tǒng)界面呢?今天就讓faceui為大家介紹系統(tǒng)界面設(shè)計(jì)需要遵循哪些原則。

  系統(tǒng)界面設(shè)計(jì)需要遵循哪些原則

  1、用戶導(dǎo)向原則

  設(shè)計(jì)網(wǎng)頁或APP首先要明確到底誰是這個(gè)網(wǎng)頁的使用者,要站在用戶的觀點(diǎn)和立場上來考慮和設(shè)計(jì)網(wǎng)站。要做到這一點(diǎn),就必須要和用戶來溝通,了解他們的需求、目標(biāo)、期望以及偏好等。網(wǎng)頁的設(shè)計(jì)者要清楚,用戶之間的差別是很大的,另外,用戶使用的計(jì)算機(jī)機(jī)器配置是千差萬別的,如顯卡、聲卡、內(nèi)存、網(wǎng)速、操作系統(tǒng)以及瀏覽器等都會(huì)有所不同。

  2、簡潔和易于操作原則

  KISS原則就是"Keep It Sample And Stupid"的縮寫,簡潔和易于操作是網(wǎng)頁設(shè)計(jì)的最重要的原則。畢竟,網(wǎng)站建設(shè)出來是用于普通網(wǎng)民來查閱信息和使用網(wǎng)絡(luò)服務(wù)。沒必要在網(wǎng)頁上設(shè)置過多的操作,堆積很多復(fù)雜和花哨的圖片。此原則的一般要求:網(wǎng)頁的下載不要超過6秒鐘(普通的家庭寬帶為2M的,速度一般在220kb/s); 網(wǎng)頁盡量使用文本鏈接,而減少大幅圖片和動(dòng)畫的使用,從而加快網(wǎng)頁的打開時(shí)間;操作設(shè)計(jì)盡量簡單,并且有明確的操作提示;網(wǎng)站所有的內(nèi)容和服務(wù)都盡量在顯眼處向用戶予以說明等。

系統(tǒng)界面設(shè)計(jì)

系統(tǒng)界面設(shè)計(jì)(圖片來自網(wǎng)絡(luò))


  3、響應(yīng)式布局

  一般在網(wǎng)頁界面的版式設(shè)計(jì)上所要遵循的原則有:7±2的Miller公式。分組處理。上面提到,對(duì)于信息或欄目的分類,不能超過9個(gè)。但如果你的內(nèi)容實(shí)在是太多,超出9個(gè),就需要進(jìn)行分組處理。

  4、排版和視覺平衡

  網(wǎng)頁設(shè)計(jì)時(shí),各種元素(如圖形、文字、空白)都要有視覺平衡作用。根據(jù)視覺原理,圖形與一塊文字相比較,圖形的視覺作用要大一些。所以,為了達(dá)到視覺平衡,設(shè)計(jì)網(wǎng)頁時(shí)需要以更多的文字來平衡一張圖片。另外,按照中國人的閱讀習(xí)慣是從左到右,從上到下,因此視覺平衡也要遵循這個(gè)這個(gè)原則。在網(wǎng)頁設(shè)計(jì)上,適當(dāng)?shù)牡胤皆黾右恍┝舭?,精煉和升華你的網(wǎng)頁的形象及美感,使得頁面變得簡潔。

  5、色彩學(xué)的運(yùn)用及文字的可閱讀性

  顏色是影響網(wǎng)頁的重要因素之一,不同的顏色對(duì)人的感覺有不同的影響。為了方便閱讀網(wǎng)站上的信息資訊,可以借鑒參考報(bào)紙及雜志的編排方式將網(wǎng)頁的內(nèi)容分欄設(shè)計(jì),甚至兩欄也要比一滿頁的視覺效果要好。另外一種能夠提高文字可讀性的因素是字體的選擇,通用的字體(Arial,Courier New,Garamond,Times New Roman,中文宋體)最易閱讀,特殊字體用于標(biāo)題效果較好,但是不適合正文。

系統(tǒng)界面設(shè)計(jì)

系統(tǒng)界面設(shè)計(jì)(圖片來自網(wǎng)絡(luò))


  6、網(wǎng)頁設(shè)計(jì)和諧與一致性

  通過對(duì)網(wǎng)站的各種元素(顏色、字體、圖形、空白等)使用一定的規(guī)格,使得設(shè)計(jì)良好的網(wǎng)頁看起來應(yīng)該是和諧的?;蛘哒f,網(wǎng)站的眾多獨(dú)立網(wǎng)頁看起來更像一個(gè)整體。網(wǎng)站界面設(shè)計(jì)上要保持一致性,這是很重要的一點(diǎn)。當(dāng)然,網(wǎng)站設(shè)計(jì)的一致性并不意味著刻板和一成不變,有的網(wǎng)站在不同欄目使用不同的風(fēng)格,或者隨著時(shí)間的推移不斷的改版網(wǎng)站,會(huì)給瀏覽者帶來新鮮的感覺。

  7、創(chuàng)意類,個(gè)性化,時(shí)尚化

  符合網(wǎng)絡(luò)文化,在網(wǎng)站上使用幽默的網(wǎng)絡(luò)語言,創(chuàng)造一種休閑的、輕松愉快、非正式的氛圍就會(huì)使網(wǎng)站的訪問量大增。塑造網(wǎng)站個(gè)性,網(wǎng)站的整體風(fēng)格和整體氣氛表達(dá)要同企業(yè)形象相符合并且應(yīng)該很好的體現(xiàn)企業(yè)CI。

  系統(tǒng)界面設(shè)計(jì)中突出主題思想方法

  知道了首頁需要展示哪些信息,知道了信息之間的權(quán)重,如何把信息呈現(xiàn)得更符合信息本身,卻不是一件容易的事,需要時(shí)間的磨練與經(jīng)驗(yàn)的積累。就設(shè)計(jì)本身而言,是一件感性的事,不像數(shù)學(xué)公式,它缺乏嚴(yán)謹(jǐn)?shù)睦碚撟鰹橹笇?dǎo),所以在工作中,經(jīng)常出現(xiàn)與Boss、同事意見相左的情況。我個(gè)人的經(jīng)驗(yàn)是在非重要信息的設(shè)計(jì)上使其具有普適性,在重要信息的設(shè)計(jì)上突出設(shè)計(jì)的主題思想,在與 Boss、同事討論時(shí),盡量把討論的重點(diǎn)放在主題思想的呈現(xiàn)方式與其對(duì)轉(zhuǎn)化率(或市場目標(biāo))的作用之上。你可以說這是功利的設(shè)計(jì),沒錯(cuò),所有的設(shè)計(jì)都是以商業(yè)利潤為最終目的。

  以上就是faceui為大家介紹的關(guān)于系統(tǒng)界面設(shè)計(jì)的相關(guān)內(nèi)容。系統(tǒng)界面設(shè)計(jì)不只一個(gè)界面設(shè)計(jì),而是要綜合全部內(nèi)容和網(wǎng)頁,統(tǒng)籌考慮,所以上述的設(shè)計(jì)原則對(duì)大家設(shè)計(jì)出好的系統(tǒng)界面很有幫助。


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號(hào)22號(hào)樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號(hào)A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號(hào)
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號(hào)-5

上海辦公地點(diǎn)地圖
北京辦公地點(diǎn)地圖
深圳辦公地點(diǎn)地圖
在微信中搜索faceui
或保存二維碼在微信中打開