1.認識網站(zhàn)設計(jì)UI界面設計(jì)的規範。
成都網站(zhàn)設計(jì)公司對UI界面設計(jì)的規範
1.1 一個(gè)産品應提供一項核心功能或服務,在進行(xíng)成都網站(zhàn)UI設計(jì)、交互設計(jì)、內(nèi)容排版時(shí)也應圍繞這個(gè)目标來(lái)進行(xíng)。在團隊合作(zuò)中成都網站(zhàn)設計(jì)的UI界面設計(jì)的規範尤為(wèi)重要,為(wèi)了使最終設計(jì)出來(lái)的UI界面風格一緻化,開(kāi)發者之間(jiān)相互協作(zuò)更輕松,通(tōng)常要先制(zhì)定界面設計(jì)規範。
1.2 網站(zhàn)設計(jì)公司UI界面設計(jì)的規範貫穿以用戶為(wèi)中心的設計(jì)指導方向,根據産品的特點而制(zhì)定,以達到提升用戶體(tǐ)驗,控制(zhì)産品設計(jì)質量,提高(gāo)設計(jì)效率的目的。UI界面規範适合界面設計(jì)師(shī),用戶體(tǐ)驗設計(jì)師(shī),前端開(kāi)發技(jì)術(shù)工程師(shī),發布支持人(rén)員,運營編輯人(rén)員的參照。
1.3 設計(jì)公司UI界面設計(jì)的規範可(kě)以統一識别,規範能使同一類型設計(jì)部件具有(yǒu)統一性,防止混亂,甚至出現嚴重錯誤,避免用戶在浏覽時(shí)理(lǐ)解困難;相同屬性單元、模塊可(kě)執行(xíng)此标準重!複使用,減少(shǎo)無關信息,就是減少(shǎo)對主體(tǐ)信息傳達的幹擾,利于閱讀與信息傳遞;視(shì)覺設計(jì)師(shī)交接時(shí),可(kě)以減少(shǎo)溝通(tōng)成本,在項目中途增加人(rén)手時(shí),查看标準能使工作(zuò)上(shàng)手時(shí)間(jiān)更快,減少(shǎo)出錯。
2. UI界面設計(jì)視(shì)覺規範的構成。
制(zhì)定視(shì)覺規範前,先要了解其構成要素有(yǒu)哪些(xiē),再着手建立。這裏從以下幾個(gè)方面來(lái)梳理(lǐ)一下。
(1)界面設計(jì)總體(tǐ)規範。界面的整體(tǐ)尺寸。比如網站(zhàn)設計(jì)開(kāi)發、APP設計(jì)開(kāi)發的分辨率,一般會(huì)從的典型界面入手,從而确定整套界面尺寸規範。
(2)典型內(nèi)容區(qū)的尺寸。比如設計(jì)公司在設計(jì)網頁的導航、版權、內(nèi)容模塊等的尺寸; APP中的圖标、控件等的尺寸大(dà)小(xiǎo)等。目前市面上(shàng)常用系統的規範基本上(shàng)是固定的,IOS與Android系統的APP常用規範。
(3)文本規範。确定典型頁面不同區(qū)域的字體(tǐ),字體(tǐ)顔色,字号大(dà)小(xiǎo)。
(4)間(jiān)距邊距規範。确定內(nèi)容元素之間(jiān)的間(jiān)距以及內(nèi)容元素四周的邊距。
(5)按鈕規範。确定典型功能的尺寸、樣式和(hé)按鈕內(nèi)圖标、文字的大(dà)小(xiǎo)和(hé)位置。
(6)圖片規範。确定典型模闆的圖片尺寸、樣式。
(7)其它規範，根據産品具體(tǐ)需求涉及的功能，确定其它可(kě)能會(huì)出現的視(shì)覺元素規範，比如彈窗樣式尺寸、側邊欄的樣式與尺寸等...
(8)人(rén)們逐漸地喜歡上(shàng)了更簡潔、更直觀的閱覽效果。色彩情感的形狀導向法是指運用色彩的對比技(jì)巧在網站(zhàn)界面上(shàng)劃分出不同形狀、區(qū)域，給人(rén)以明(míng)顯的區(qū)域、形狀感，根據這種形狀效果引導浏覽者的思想和(hé)訪問、操作(zuò)行(xíng)為(wèi)。利用色彩劃分形狀,形成導向指引。現在很(hěn)多(duō)成都網站(zhàn)設計(jì)公司設計(jì)的網頁使用了這種方法區(qū)别網站(zhàn)欄目和(hé)闆塊。重金屬、厚水(shuǐ)晶慢慢地被簡潔色塊代替,純色的背景比重複的小(xiǎo)圖案背景更受網民青睐。欄月、闆塊的劃分并不一定需要“線”的。調整一下相鄰闆塊的顔色，也可(kě)以帶來(lái)意想不到的效果。
