1.認(rèn)識(shí)網(wǎng)站設(shè)計(jì)UI界面設(shè)計(jì)的規(guī)范。

成都網(wǎng)站設(shè)計(jì)公司對(duì)UI界面設(shè)計(jì)的規(guī)范

1.1 一個(gè)產(chǎn)品應(yīng)提供一項(xiàng)核心功能或服務(wù),在進(jìn)行成都網(wǎng)站UI設(shè)計(jì)、交互設(shè)計(jì)、內(nèi)容排版時(shí)也應(yīng)圍繞這個(gè)目標(biāo)來進(jìn)行。在團(tuán)隊(duì)合作中成都網(wǎng)站設(shè)計(jì)的UI界面設(shè)計(jì)的規(guī)范尤為重要,為了使最終設(shè)計(jì)出來的UI界面風(fēng)格一致化,開發(fā)者之間相互協(xié)作更輕松,通常要先制定界面設(shè)計(jì)規(guī)范。

1.2 網(wǎng)站設(shè)計(jì)公司UI界面設(shè)計(jì)的規(guī)范貫穿以用戶為中心的設(shè)計(jì)指導(dǎo)方向,根據(jù)產(chǎn)品的特點(diǎn)而制定,以達(dá)到提升用戶體驗(yàn),控制產(chǎn)品設(shè)計(jì)質(zhì)量,提高設(shè)計(jì)效率的目的。UI界面規(guī)范適合界面設(shè)計(jì)師,用戶體驗(yàn)設(shè)計(jì)師,前端開發(fā)技術(shù)工程師,發(fā)布支持人員,運(yùn)營編輯人員的參照。

1.3 設(shè)計(jì)公司UI界面設(shè)計(jì)的規(guī)范可以統(tǒng)一識(shí)別,規(guī)范能使同一類型設(shè)計(jì)部件具有統(tǒng)一性,防止混亂,甚至出現(xiàn)嚴(yán)重錯(cuò)誤,避免用戶在瀏覽時(shí)理解困難;相同屬性單元、模塊可執(zhí)行此標(biāo)準(zhǔn)重!復(fù)使用,減少無關(guān)信息,就是減少對(duì)主體信息傳達(dá)的干擾,利于閱讀與信息傳遞;視覺設(shè)計(jì)師交接時(shí),可以減少溝通成本,在項(xiàng)目中途增加人手時(shí),查看標(biāo)準(zhǔn)能使工作上手時(shí)間更快,減少出錯(cuò)。

2. UI界面設(shè)計(jì)視覺規(guī)范的構(gòu)成。

制定視覺規(guī)范前,先要了解其構(gòu)成要素有哪些,再著手建立。這里從以下幾個(gè)方面來梳理一下。

(1)界面設(shè)計(jì)總體規(guī)范。界面的整體尺寸。比如網(wǎng)站設(shè)計(jì)開發(fā)、APP設(shè)計(jì)開發(fā)的分辨率,一般會(huì)從的典型界面入手,從而確定整套界面尺寸規(guī)范。

(2)典型內(nèi)容區(qū)的尺寸。比如設(shè)計(jì)公司在設(shè)計(jì)網(wǎng)頁的導(dǎo)航、版權(quán)、內(nèi)容模塊等的尺寸; APP中的圖標(biāo)、控件等的尺寸大小等。目前市面上常用系統(tǒng)的規(guī)范基本上是固定的,IOS與Android系統(tǒng)的APP常用規(guī)范。

(3)文本規(guī)范。確定典型頁面不同區(qū)域的字體,字體顏色,字號(hào)大小。

(4)間距邊距規(guī)范。確定內(nèi)容元素之間的間距以及內(nèi)容元素四周的邊距。

(5)按鈕規(guī)范。確定典型功能的尺寸、樣式和按鈕內(nèi)圖標(biāo)、文字的大小和位置。

(6)圖片規(guī)范。確定典型模板的圖片尺寸、樣式。

(7)其它規(guī)范，根據(jù)產(chǎn)品具體需求涉及的功能，確定其它可能會(huì)出現(xiàn)的視覺元素規(guī)范，比如彈窗樣式尺寸、側(cè)邊欄的樣式與尺寸等...

(8)人們逐漸地喜歡上了更簡潔、更直觀的閱覽效果。色彩情感的形狀導(dǎo)向法是指運(yùn)用色彩的對(duì)比技巧在網(wǎng)站界面上劃分出不同形狀、區(qū)域，給人以明顯的區(qū)域、形狀感，根據(jù)這種形狀效果引導(dǎo)瀏覽者的思想和訪問、操作行為。利用色彩劃分形狀,形成導(dǎo)向指引?，F(xiàn)在很多成都網(wǎng)站設(shè)計(jì)公司設(shè)計(jì)的網(wǎng)頁使用了這種方法區(qū)別網(wǎng)站欄目和板塊。重金屬、厚水晶慢慢地被簡潔色塊代替,純色的背景比重復(fù)的小圖案背景更受網(wǎng)民青睞。欄月、板塊的劃分并不一定需要“線”的。調(diào)整一下相鄰板塊的顏色，也可以帶來意想不到的效果。