欧美成人粉红派对在线不卡_亚洲精品口爆av美女_国产成人乱码一二三区性色qery_日韩加勒比无码成人精品_国产口爆骚妇一区色色

當前位置: 首頁 > 設計資訊 > 設計教程 > 正文

建筑系出身產品設計師妹子的UI設計規(guī)范總結

2018-01-12 1763 0
編者按:設計最有趣的地方在于它的通用性,不論是音樂、建筑還是工業(yè),設計的規(guī)則大同小異。今天這篇文章來自紐約的產品設計師妹子Melissa,她從建筑系畢業(yè)之后并未從事她的本職工作,2014年11月學習了兩個半月的網頁設計之后開始轉戰(zhàn)產品和UI設計了,目前供職于Percolate。不要小瞧她的設計素養(yǎng),建筑系的系統(tǒng)學習賦予她對于廣泛意義上的設計更深入的認知,這篇文章就是這半年多來的一個階段性答卷。 這篇文章總結了從建筑到產品UI的四個設計的基本原則。

一、軸 軸在UI設計中是最基本、最常見的概念,也是用來組織界面結構的重要核心。簡單說來,軸是在設計的時候組織一系列元素的假象線,在下面的設計圖中,軸以虛線的方式被標注出來。 1、對齊
軸最常見于對稱元素的使用,當元素被布置成軸對稱的布局的時候,會給人有序感。就像生活中絕大多數的事情一樣,我們更傾向于享受有序的的東西,它們令人感覺平穩(wěn)、舒適、平易近人。最簡單的一個例子就是iTunes 程序中的專輯列表的設計,所有的專輯列表在界面的左側保持對齊,圍繞虛線軸軸對稱。 2、強化
雖然軸是一條假想的線,但是如果周圍的元素的邊緣控制得足夠整齊,這跳線會在視覺中變得更加“明顯”的。最好的例子是城市中的路燈構成了道路兩旁建筑物之間的軸,如果一邊有建筑一邊沒有,那么這種軸線的感覺不會那么強烈。 從產品設計的角度上來看,Twitter 的時間線設計就是一個很好的案例,左側的頭像和右側的推文共同塑造出縫隙中軸線的感覺。 3、運動 當我們碰到某先線條的時候,視覺會很自然地沿著這些方向運動,就如同我們站在街上,會自覺地沿著街道的兩頭走動。兩個端點決定了線,界定了開始和結束的地方,線,或者說軸線的存在會引導和提示運動的方向。 SoundCloud中,音軌沿著一條既定的水平軸線運動,隨著音樂的播放,音軌自然地自左向右勻速運動。 4、連續(xù)性
如果終點是不確定的,那么你通常會沿著軸線的方向瀏覽/運動,直到你找到感興趣的東西,或者感到厭倦并關閉應用。在建筑學中,未清楚界定的終點非常少見,因為建筑的修建通常沒法永遠持續(xù)下去,但是UI設計則不一樣,無限地滾動下去是無比受歡迎的設計手法。 Pinterest的APP中就是這樣做的,持續(xù)不斷的圖片沿著中軸線的方向持續(xù)不斷地滾動下去,只要你有興趣一直觀看下去。


10
評論區(qū)(0)
正在加載評論...
相關推薦