久久蜜臀精品av_国产欧美日韩_亚洲一区二区三区四区_国产精品无码久久久久_久久性_国产日本在线视频

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

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

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

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


10
評論區(0)
正在加載評論...
相關推薦
主站蜘蛛池模板: 久久亚洲一区二区三区四区 | 日韩一区二区在线观看视频 | 中文久久| 国产精品久久久久久久久久免费看 | 日韩h| 99精品久久久 | 性高湖久久久久久久久3小时 | 一级在线观看 | av一二三四| 激情欧美一区二区三区中文字幕 | 亚洲视频免费观看 | 精品国产乱码久久久久久果冻传媒 | 国产一区二区三区免费观看视频 | 日韩欧美国产一区二区三区 | 成人av片在线观看 | 爱综合 | 国产欧美在线一区二区 | 亚洲日韩中文字幕一区 | 精品国产欧美一区二区三区成人 | 国产精品国产三级国产aⅴ无密码 | 久久福利 | 国产成人一区在线 | www.788.com色淫免费 | 成人在线视频免费看 | 中文字幕乱码一区二区三区 | 亚洲精品2区 | 日韩一级精品视频在线观看 | 久久久久国产精品 | 欧美日本一区二区 | 亚洲激精日韩激精欧美精品 | 毛片大全 | 高清视频一区二区三区 | 国产精品乱码一区二区三区 | 日韩精品国产精品 | 在线视频 欧美日韩 | 国产一区二区三区四区 | 精品一区免费 | 亚洲欧洲在线视频 | 日日夜精品视频 | 天天干b | 免费在线观看一级毛片 |