欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

網(wǎng)站APP分割線設(shè)計

2021-05-30    分類: 網(wǎng)站建設(shè)

一、分割線的作用
1.分隔和組織
分割線主要起到分隔和組織的作用,分隔就是增強各模塊之間的對比,組織就是讓同模塊里的內(nèi)容更加親密,便于用戶理解頁面的層級。如下圖:
分割線設(shè)計
2.視覺平衡
分割線還可以起到保持頁面視覺平衡的作用,有些頁面的結(jié)構(gòu)中,左邊放頭像、icon 再加上文字,占了很大一部分的面積,右邊只放一排簡單的角標,視覺重心會偏向一端,給人頭重腳輕的感覺。而分割線在分隔頁面的同時,可以增加一些視覺上的重量,起到保持頁面平衡的作用。如下圖:
分割線設(shè)計
以 QQ 為例,左圖是原本的樣子,右圖是去掉分割線的樣子。明顯能感覺到去掉分割線頁面中的視覺重心都偏移到了左側(cè),而有分割線的頁面看起來會比較平衡。
二、分割線的顏色
分割線顏色往往都比較淺,這是因為分割線作為一個裝飾,如果它的顏色太深會和頁面形成強烈的對比,影響到用戶對內(nèi)容的瀏覽。
不同的頁面會用到不同的配色,這時分割線也要跟著頁面的配色進行對應(yīng)的調(diào)整。分割線的顏色通常使用和背景色接近的顏色,而有一些 APP 在分割線中融入了自己的主色,這樣做的好處是既可以保持顏色規(guī)范上的統(tǒng)一,而且單純的灰色看起來會比較臟、比較死板,融入進一些顏色會看起來更干凈和活潑一些。如下圖:
分割線設(shè)計
以 QQ 為例,我吸取了動態(tài)頁面中的分隔線,它在灰色中融入了一些藍色。
下面我們再來看一組對比,其中一組是帶藍色的灰,另一組是純灰色,如下圖:
分割線設(shè)計
有沒有感覺“融入藍色”組的圓形相比“純灰色”組的更干凈、活潑一些
三、常用位置
現(xiàn)在很多的 APP 頁面都使用背景欄、卡片和留白來分隔頁面,越來越少用到分割線,下面列舉幾個分割線仍然常用的位置。
1.底部 tab
tab 欄為白色時,如果遇到同樣顏色的內(nèi)容容易混在一起,分割線把 tab 欄分隔成一個單獨的模塊,增強 tab 和內(nèi)容的對比。如下圖:
分割線設(shè)計
2.標題欄
和 tab 欄類似,同樣是遇到相似的顏色不容易分辨,如下圖:
分割線設(shè)計
3.模塊之間
用于不同的模塊之間,分隔不同的內(nèi)容,可以幫助用戶理解頁面層級,如下圖:
4.列表頁面
常出現(xiàn)我的、消息頁面中,主要由 icon+文字或頭像+文字組成的列表頁面。分割線占用面積小,可以大大提高頁面的使用率,如下圖:
分割線設(shè)計
四、貫通和非貫通
分割線可以分為貫通和非貫通兩種。
1.貫通
貫通指的是分割線橫穿了頁面,兩邊都沒有間距。常用來分隔不同的內(nèi)容模塊,使它們更具獨立性。如下圖:
分割線設(shè)計
以微信為例,微信的朋友圈頁面就使用了貫通的分割線。因為朋友圈里的發(fā)布的內(nèi)容非常復(fù)雜,有可能是文字,有可能是圖片,還有可能是視頻,如果不加分割線頁面會顯非常很雜亂,把不同的內(nèi)容分隔開非常重要,所以微信使用了貫通的分割線。
2.非貫通
非貫通指的是分割線和頁面有間距,間距通常留在頁面左邊。常用來分隔同一模塊中有關(guān)聯(lián)的內(nèi)容,可以提升用戶的瀏覽效率,如下圖:

以支付寶為例,在我的頁面中,首先用背景欄分隔了不同的模塊,然后用非貫通的分割線分隔了有關(guān)聯(lián)的內(nèi)容。

(鄭重聲明:本文版權(quán)歸原作者海鹽社青山所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如有侵權(quán),請聯(lián)系我們刪除;如作者信息標記有誤,請聯(lián)系我們修改。)

,

分享題目:網(wǎng)站APP分割線設(shè)計
網(wǎng)站網(wǎng)址:http://aaarwkj.com/news/115594.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App設(shè)計網(wǎng)站改版、靜態(tài)網(wǎng)站、響應(yīng)式網(wǎng)站、商城網(wǎng)站網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站托管運營
国产国产乱老熟视频网站| 人妻少妇亚洲中文字幕| 亚洲国产日韩欧美第一页| 日韩欧美国产精品自拍| 亚洲综合欧美自偷自拍| 日韩一级片精品视频在线| 亚洲欧美日韩伦理一区| 国产亚洲一区二区视频| 日本熟女视频中文字幕| 中文字幕中出亚洲精品| 久久精品有码视频免费观看| 欧美激情一区二区亚洲专区| 男人的天堂成人午夜视频| 中文字幕av免费专区| 国产欧美激情一区二区 | 亚洲美女国产精选999| 在线日韩观看免费av| 色偷拍亚洲偷自拍二区| 免费在线观看一区二区三区视频| 亚洲av色男人天堂网| 久久精品久久黄色片看看| 很黄很刺激的视频中文字幕 | 熟女另类视频在线观看| 小骚货操死你视频在线观看| 激情内射日本一区二区三区| 青青草最新网址在线观看视频| 亚洲成人久久久久久久| 东京男人的天堂国产av| 日韩x级av免费在线观看| 国产三级三级三级三级三级| 日韩一区二区精品网站| 人妻熟女一区二区视频| 久久亚洲一区二区麻豆偷| 国产一级夫妻性生活欧美| 久久av一区二区三区.| 男人的天堂免费看看av| 夫妻性生活短是什么原因| 国产91精品系列在线观看| 国产麻豆精品二区视频| 最近av中文字幕电影| 国产麻豆剧传媒精品av|