?

全國統一服務熱線:18021770366

站內公告:

淮安市嘉瑞廣告有限公司主要提供廣告設計制作安裝服務以及網站制作,是一家經驗豐富的廣告設計制作公司,擁有十幾年廣告設計制作經驗!

聯系我們CONTACT

地址:淮安市翔宇大道1009號
熱線:0517-8588 1663
Q Q:34665706
郵箱:[email protected]

18021770366

新聞中心

當前位置:主頁 > 新聞中心 >

為什么你的界淮安廣告公司面總是不精致?

2020-01-15 點擊量:

APP里面的間距和邊距的設計,很有學問的,最近設計公司的產品,大部分都是列表,這些頁面視覺效果不強,但是難點在于要做的看起來舒服,而其中一個難點就是間距的設計。不要小看間距這個問題,新手做出來的界面大部分翻車的問題就是在于間距。 今天我們就來好好研究一下關于間距的問題,主要有APP外邊距,字間距、行間距和元素邊距等四個方面,希望對大家有所幫助。

間距的重要性

當我們想了解間距乃至更加標準的使用間距,首先我們要明白為什么要使用間距。間距的使用有很多作用,可以吸引用戶注意力、提升界面內容的可讀性,闡述元素之間的關系。其實簡單來說,間距的作用可以歸納成一句話:建立視覺層級來簡化界面內容,讓用戶更容易接受。那么我下面就先來看第一種今天要討論的間距:外邊距。

外邊距

我們今天說的邊距不是關于設計APP時需要留一定的屏幕間距,這個是最基礎的知識了,相信大家都懂,這里我們要研究的是圖文與屏幕邊距怎樣更好的表現。通常來說,在圖片和屏幕邊距之間保留一定像素邊距能夠更好的引導用戶豎向往下讀,如下圖所示:

為什么你的界面總是不精致?

但是當圖片與屏幕邊距為0的時候,用戶的注意力更多的集中在圖片上,如下面對比圖所示:

為什么你的界面總是不精致?

由于沒有留白做視覺引導,視線在往下瀏覽時,會被圖片直接割裂,造成在圖片上停留的時間更長,因此通欄的設計大多更適合出現在頁面中間的運營banner上,如下圖所示:

為什么你的界面總是不精致?

這種設計視覺上很容易就能吸引用戶的注意,但是也很容易喧賓奪主,因此目前來說圖片與屏幕邊距為0的情況使用的不是很多,個人認為是有邊距的圖片或者banner可控性更強一點,也更推薦新手設計師借鑒。但是還有一個產品對于外邊距的處理有別的方法,如下圖所示:

 

為什么你的界面總是不精致?

MOO音樂的外邊距是30px,但是它左邊卡片的標簽外邊距是20px,也就是說MOO對標簽的處理是讓標簽沖出卡片左邊10px,這樣的設計也讓用戶的注意力更集中在了標簽上,值得借鑒。

字間距

1、圖文單行結合

首先要說的這種情況在我們平時使用的產品中是經常見的,大字號搭配小字號,如下圖所示:

為什么你的界面總是不精致?

這種彼此對比明顯,能夠更好的進行信息的主次傳遞,那么在大字號與小字號之間的間距使用多大比較合適呢?如下圖所示:

為什么你的界面總是不精致?

這里是以京東金融、淘寶、微信讀書和QQ讀書四個主流產品里的單行文字間距為例的,上圖中我們可以看出文字與文字之間的間隔大多在16-20px之間,嘉瑞廣告,至于選擇16px還是20px,個人認為是通過左邊圖片的高度決定的,同時不論右邊的文字是兩行或者是三行,也都以左邊圖片的高度居中。除了文字和圖是左右搭配的,還有一種常見的情況是上下結構的,如下圖所示:

為什么你的界面總是不精致?

這類卡片式的設計,在我們的設計中經常用到,但行間距依然是一個難以讓界面看起來精致的點,從上圖中我們能夠看出來,標題文字的大小是不一樣的,但行間距卻都是大概率的重合,因此個人認為我們可以參考這種類型的行間距數值:16-20px ,而文字的部分有各自產品的設計規范。

2、圖文多行結合

圖文多行在設計里面算是比較復雜的情況,如下圖所示:

為什么你的界面總是不精致?

這種類型要考慮到的因素很多,標題是否換行、多行的間距、字體大小這些都是我們在設計的時候需要處理的細節,首先我們先來看標題只有單行的情況,如下圖所示:

為什么你的界面總是不精致?

從上圖中我們能夠看出來,雖然不存在折行的情況,但是因為展示的信息很多,所以頁面設計的時候也會比較復雜,這種結構大多出現在電商產品中,因為外露的信息比較多,想要盡量在列表頁展示更多的信息來吸引用戶點擊。而這里需要遵循的方法有兩個,第一個是親密性原則,將你認為是同組的信息做親密處理,上圖中藍色高亮的部分就是表示同組信息之間的行間距,而巧合的是,其中有三個產品的行間距都是16px,餓了么的行間距是20px。因此16px是在圖文設計時展示親密信息比較好的選擇。第二個原則是4的倍數定律,上圖中的所有間距都是4的倍數,這跟我們在設計頁面定間距是的道理是一樣的。

行間距

?
渡劫5龙宫赚钱 dr股票是什么意思 1分快3作弊软件下载 股票推荐 新浪 快乐十分20选8号万能码 北京11选5开奖历史 000386股票行情 加拿大28快捷开奖结果 云南十一选五助手 广东36选7好彩一走势图 重庆时时全天计划100