国产一精品一aⅴ一免费-国产一精品一av一免费-国产一精品一av一免费爽爽-国产一久久香蕉国产线看观看-国产一卡2卡3卡四卡高清-国产一卡二卡3卡4卡视频

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

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

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

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


10
評論區(0)
正在加載評論...
相關推薦
主站蜘蛛池模板: 亚洲一级毛片免费观看 | 欧美成人一区二区三区 | 精品日韩一区二区三区 | 中文字幕在线一区二区在线 | 婷婷激情综合网 | 狠狠色丁香久久婷婷 | 99久久综合精品国产 | 亚洲免费资源 | 国产精品久久久久三级 | 国产精品精品视频 | 国产aaaaaa | 久久91精品国产91久久跳舞 | 69一级毛片 | 亚洲欧美日韩国产精品网 | 女性成人毛片a级 | 免费看色片网站 | 黄色毛片免费在线观看 | 97在线视频观看 | 国产激情影院 | 在线免费不卡视频 | 国产热re99久久6国产精品 | 中文字幕欧美日韩 | 热久久网站 | 欧美性啪啪 | 97久久精品人人澡人人爽 | 亚洲天堂一区二区三区四区 | 香蕉视频在线免费播放 | 亚洲国产一区在线 | 日本一线一区二区三区免费视频 | 国产高清久久 | 日韩我不卡 | 亚洲精品视频久久久 | 国产精品欧美亚洲韩国日本不卡 | 日日操综合 | 91久久青草精品38国产 | 美国特级成人毛片 | 国产综合欧美日韩视频一区 | 视频一区二区三区在线观看 | 欧美精彩狠狠色丁香婷婷 | 欧美日韩网址 | 狠狠色香婷婷久久亚洲精品 |