當(dāng)前位置：首頁 > 專業(yè)知識 > 從QQ新版界面大改動看無分隔線設(shè)計(jì)是否會成為未來主流

從QQ新版界面大改動看無分隔線設(shè)計(jì)是否會成為未來主流

作者：天晴創(chuàng)藝發(fā)布時(shí)間：4/17/2019 4:04:36 PM瀏覽次數(shù)：12081文章出處：豐臺做網(wǎng)站公司

我們不妨先把喜歡QQ或者不喜歡QQ，你用QQ或者只用微信這種喜好放一邊，理性分析一下這種設(shè)計(jì)思路能給我們的設(shè)計(jì)工作帶來哪些幫助？
打開QQ第一眼看到的就是啟動界面的變化，依然是“騰訊藍(lán)”的設(shè)計(jì)，但這次QQ形象站在了冰川上，下方映射出五彩斑斕的投影。

無分隔線設(shè)計(jì)

無分隔線設(shè)計(jì)

登錄界面的變化，從傳統(tǒng)的橫線方式登錄框和按鈕，變?yōu)閳A角矩形登錄框，底部的登錄按鈕也變化非常大，直接改為圓形。

無分隔線設(shè)計(jì)

無分隔線設(shè)計(jì)

而消息及各種列表界面則改動是最大的，目前來看，分隔線完全從QQ聊天列表消失了，這點(diǎn)引起了很多小伙伴的討論，有些說看不慣，有些說改了之后更加清爽了。大家怎么看呢？

無分隔線設(shè)計(jì)

無分隔線設(shè)計(jì)

  今天咱們就要討論下，分隔線消失官網(wǎng)建設(shè)，是否會成為未來設(shè)計(jì)的一種趨勢？
  在相當(dāng)長一段時(shí)間里，我們要做各種各樣的列表，分隔線是必不可少的，它的重要作用是區(qū)分信息層級，讓列表更加易用和易讀。
  但是，設(shè)計(jì)趨勢總是在不斷的變化。分隔線作為一種而且是其中一種區(qū)分信息層級的方法，隨著時(shí)代的發(fā)展，已經(jīng)越來越讓我們覺得這條線，打擾用戶的閱讀了。而對于未來的趨勢來說，可以推測，UI界面一定是越來越輕，越來越薄，無關(guān)的干擾也越來越少的。
  從蘋果的App Store改版我們就可以發(fā)現(xiàn)，越來越多，圓潤的，有弧度的卡片出現(xiàn)在設(shè)計(jì)中，而分隔線則越來越少。而蝦米音樂則將分隔線的使用減少到了極致，有道辭典也在嘗試讓列表更輕，更加清爽。

無分隔線設(shè)計(jì)

無分隔線設(shè)計(jì)

為什么無分隔線設(shè)計(jì)越來越多？
缺少分隔線后，設(shè)計(jì)師對于版式的控制其實(shí)是變的更難了網(wǎng)站解決方案，畢竟有一些輔助的色塊，線條做區(qū)隔，設(shè)計(jì)起來會輕松不少，內(nèi)容也不會太過雜亂。但是，這種規(guī)則已經(jīng)逐漸被打破，分隔線越來越少，這其實(shí)對大家的視覺設(shè)計(jì)能力外交部，特別是版式設(shè)計(jì)能力提出了更高的要求。我們發(fā)現(xiàn)，這些設(shè)計(jì)趨勢，和很多年前看的雜志的版式設(shè)計(jì)有了那么一點(diǎn)點(diǎn)的類似。

無分隔線設(shè)計(jì)

無分隔線設(shè)計(jì)

優(yōu)秀的雜志版式設(shè)計(jì)中，線框的運(yùn)用也相對較少，要突出區(qū)塊，重點(diǎn)內(nèi)容，多依靠字體變化，留白等等去實(shí)現(xiàn)。其實(shí)，設(shè)計(jì)殊途同歸，最終，隨著技術(shù)的發(fā)展和設(shè)計(jì)師設(shè)計(jì)水平的提高，自然會對設(shè)計(jì)有更高的要求。
另外，還有哪些原因?qū)е铝宋覀兊臒o線框設(shè)計(jì)越來越流行了呢？那就是：手機(jī)的屏幕越來越長了，相比與現(xiàn)在的16：9的屏幕，18：9的屏幕則更符合未來趨勢。（其實(shí)很大一部分的原因是全面屏的普及），大家可以想一想，之前的iPhone4，又矮又挫有木有？現(xiàn)在的手機(jī)，各個(gè)高挑纖細(xì)。

無分隔線設(shè)計(jì)

無分隔線設(shè)計(jì)

  所以，用戶在縱向范圍內(nèi)，看到的內(nèi)容越來越多。這就給設(shè)計(jì)師足夠的發(fā)揮空間，不再僅僅局限于將內(nèi)容擠在一個(gè)不算太高的區(qū)域里。因此，大留白推測會成為未來的一個(gè)趨勢。留白足夠大之后，線框就顯得多余了，視覺干擾也隨之減少。那些線條，各種裝飾，各種卡片，會越來越少，越來越少，直到消失。
  去掉分隔線后，有哪些設(shè)計(jì)訣竅？
  1. 毫無疑問，加大列表的縱向間距，留出更多的空間，讓用戶不至于為視覺層級所迷惑；
  2. 使用圖標(biāo)+文字的方法來強(qiáng)調(diào)視覺層級，而非分隔線。如下圖：

無分隔線設(shè)計(jì)

無分隔線設(shè)計(jì)

3.更強(qiáng)的文本主次對比關(guān)系，如更粗和更黑的主標(biāo)題加上對比強(qiáng)烈小而灰的副標(biāo)題，讓用戶區(qū)分出列表的區(qū)塊關(guān)系。
4.順便說一句，更“柔軟”的設(shè)計(jì)，也可能成為趨勢，比如，圓角弧度更大的按鈕，圖標(biāo)，直角圖標(biāo)out了？不好說~
（鄭重聲明：本文版權(quán)歸原作者靜電所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如有侵權(quán)，請聯(lián)系我們刪除；如作者信息標(biāo)記有誤，請聯(lián)系我們修改。），

文章來源：豐臺做網(wǎng)站公司

文章標(biāo)題：從QQ新版界面大改動看無分隔線設(shè)計(jì)是否會成為未來主流

文本地址：http://www.pxhongmu.com/info_1312.html

【收藏本頁】【打印】【關(guān)閉】

本文章Word文檔下載：從QQ新版界面大改動看無分隔線設(shè)計(jì)是否會成為未來主流