首頁(yè) >
今日必讀 > UI設(shè)計(jì)有哪些規(guī)范？（一）
UI設(shè)計(jì)有哪些規(guī)范？（一）
時(shí)間：2019-01-04來(lái)源：m.5wd995.cn點(diǎn)擊量：次作者：AAA小助手
時(shí)間：2019-01-04點(diǎn)擊量：次作者：AAA小助手
設(shè)計(jì)最有趣的地方在于它的通用性，不論是音樂(lè)、建筑還是工業(yè)，設(shè)計(jì)的規(guī)則大同小異。UI設(shè)計(jì)也是如此。從某種方面來(lái)說(shuō)，設(shè)計(jì)也開(kāi)始趨于全能+方向的發(fā)展了。
今天AAA小編轉(zhuǎn)載一紐約妹子Melissa做的分享：總結(jié)了從建筑到產(chǎn)品UI的四個(gè)設(shè)計(jì)的基本原則。
一：軸
軸在UI設(shè)計(jì)中是最基本、最常用的概念，也是用來(lái)組織界面結(jié)構(gòu)的重要核心。簡(jiǎn)單來(lái)說(shuō)，軸是在設(shè)計(jì)的時(shí)候組織一系列元素的假象線，在下面的設(shè)計(jì)圖中，軸以虛線的方式被標(biāo)注出來(lái)。
1.對(duì)齊
軸最常見(jiàn)于對(duì)稱(chēng)元素的使用，當(dāng)元素被布置成軸對(duì)稱(chēng)的布局的時(shí)候，會(huì)給人有序感。就像生活中絕大多數(shù)的事情一樣，我們更傾向于享受有序的的東西，它們令人感覺(jué)平穩(wěn)、舒適、平易近人。最簡(jiǎn)單的一個(gè)例子就是iTunes 程序中的專(zhuān)輯列表的設(shè)計(jì)，所有的專(zhuān)輯列表在界面的左側(cè)保持對(duì)齊，圍繞虛線軸軸對(duì)稱(chēng)。
2.強(qiáng)化
雖然軸是一條假想的線，但是如果周?chē)脑氐倪吘壙刂频米銐蛘R，這跳線會(huì)在視覺(jué)中變得更加“明顯”的。最好的例子是城市中的路燈構(gòu)成了道路兩旁建筑物之間的軸，如果一邊有建筑一邊沒(méi)有，那么這種軸線的感覺(jué)不會(huì)那么強(qiáng)烈。從產(chǎn)品設(shè)計(jì)的角度上來(lái)看，Twitter 的時(shí)間線設(shè)計(jì)就是一個(gè)很好的案例，左側(cè)的頭像和右側(cè)的推文共同塑造出縫隙中軸線的感覺(jué)。
3.運(yùn)動(dòng)
當(dāng)我們碰到某先線條的時(shí)候，視覺(jué)會(huì)很自然地沿著這些方向運(yùn)動(dòng)，就如同我們站在街上，會(huì)自覺(jué)地沿著街道的兩頭走動(dòng)。兩個(gè)端點(diǎn)決定了線，界定了開(kāi)始和結(jié)束的地方，線，或者說(shuō)軸線的存在會(huì)引導(dǎo)和提示運(yùn)動(dòng)的方向。
SoundCloud中，音軌沿著一條既定的水平軸線運(yùn)動(dòng)，隨著音樂(lè)的播放，音軌自然地自左向右勻速運(yùn)動(dòng)。
4.連續(xù)性
如果終點(diǎn)是不確定的，那么你通常會(huì)沿著軸線的方向?yàn)g覽/運(yùn)動(dòng)，直到你找到感興趣的東西，或者感到厭倦并關(guān)閉應(yīng)用。在建筑學(xué)中，未清楚界定的終點(diǎn)非常少見(jiàn)，因?yàn)榻ㄖ男藿ㄍǔ](méi)法永遠(yuǎn)持續(xù)下去，但UI設(shè)計(jì)則不一樣，無(wú)限滾動(dòng)下去是無(wú)比受歡迎的設(shè)計(jì)手法。
Pinterest的APP中就是這樣做的，持續(xù)不斷的圖片沿著中軸線的防線持續(xù)不斷的滾動(dòng)下去，只要你有興趣一直觀看下去。
文章內(nèi)容轉(zhuǎn)自：紐約設(shè)計(jì)師教你UI設(shè)計(jì)的四個(gè)基本原則。
AAA教育，每天發(fā)布UI設(shè)計(jì)資訊，陪你成長(zhǎng)為“全能+”人才。
熱門(mén)推薦
UI設(shè)計(jì)
產(chǎn)品經(jīng)理
大數(shù)據(jù)分析
原畫(huà)設(shè)計(jì)
平面設(shè)計(jì)
新媒體運(yùn)營(yíng) 
