我們不妨先把喜歡QQ或者不喜歡QQ,你用QQ或者只用微信這種喜好放一邊,理性分析一下這種設計思路能給我們的設計工作帶來哪些幫助?
打開QQ第一眼看到的就是啟動界面的變化,依然是“騰訊藍”的設計,但這次QQ形象站在了冰川上,下方映射出五彩斑斕的投影。
無分隔線設計
登錄界面的變化,從傳統(tǒng)的橫線方式登錄框和按鈕,變?yōu)閳A角矩形登錄框,底部的登錄按鈕也變化非常大,直接改為圓形。
無分隔線設計
而消息及各種列表界面則改動是最大的,目前來看,分隔線完全從QQ聊天列表消失了,這點引起了很多小伙伴的討論,有些說看不慣,有些說改了之后更加清爽了。大家怎么看呢?
無分隔線設計
今天咱們就要討論下,分隔線消失
官網建設,是否會成為未來設計的一種趨勢?
在相當長一段時間里,我們要做各種各樣的列表,分隔線是必不可少的,它的重要作用是區(qū)分信息層級,讓列表更加易用和易讀。
但是,設計趨勢總是在不斷的變化。分隔線作為一種而且是其中一種區(qū)分信息層級的方法,隨著時代的發(fā)展,已經越來越讓我們覺得這條線,打擾用戶的閱讀了。而對于未來的趨勢來說,可以推測,UI界面一定是越來越輕,越來越薄,無關的干擾也越來越少的。
從蘋果的App Store改版我們就可以發(fā)現,越來越多,圓潤的,有弧度的卡片出現在設計中,而分隔線則越來越少。而蝦米音樂則將分隔線的使用減少到了極致,有道辭典也在嘗試讓列表更輕,更加清爽。
無分隔線設計
為什么無分隔線設計越來越多?
缺少分隔線后,設計師對于版式的控制其實是變的更難了
網站解決方案,畢竟有一些輔助的色塊,線條做區(qū)隔,設計起來會輕松不少,內容也不會太過雜亂。但是,這種規(guī)則已經逐漸被打破,分隔線越來越少,這其實對大家的視覺設計能力
外交部,特別是版式設計能力提出了更高的要求。我們發(fā)現,這些設計趨勢,和很多年前看的雜志的版式設計有了那么一點點的類似。
無分隔線設計
優(yōu)秀的雜志版式設計中,線框的運用也相對較少,要突出區(qū)塊,重點內容,多依靠字體變化,留白等等去實現。其實,設計殊途同歸,最終,隨著技術的發(fā)展和設計師設計水平的提高,自然會對設計有更高的要求。
另外,還有哪些原因導致了我們的無線框設計越來越流行了呢?那就是:手機的屏幕越來越長了,相比與現在的16:9的屏幕,18:9的屏幕則更符合未來趨勢。(其實很大一部分的原因是全面屏的普及),大家可以想一想,之前的iPhone4,又矮又挫有木有?現在的手機,各個高挑纖細。
無分隔線設計
所以,用戶在縱向范圍內,看到的內容越來越多。這就給設計師足夠的發(fā)揮空間,不再僅僅局限于將內容擠在一個不算太高的區(qū)域里。因此,大留白推測會成為未來的一個趨勢。留白足夠大之后,線框就顯得多余了,視覺干擾也隨之減少。那些線條,各種裝飾,各種卡片,會越來越少,越來越少,直到消失。
去掉分隔線后,有哪些設計訣竅?
1. 毫無疑問,加大列表的縱向間距,留出更多的空間,讓用戶不至于為視覺層級所迷惑;
2. 使用圖標+文字的方法來強調視覺層級,而非分隔線。如下圖:
無分隔線設計
3.更強的文本主次對比關系,如更粗和更黑的主標題加上對比強烈小而灰的副標題,讓用戶區(qū)分出列表的區(qū)塊關系。
4.順便說一句,更“柔軟”的設計,也可能成為趨勢,比如,圓角弧度更大的按鈕,圖標,直角圖標out了?不好說~
(鄭重聲明:本文版權歸原作者靜電所有,轉載文章僅為傳播更多信息之目的,如有侵權,請聯系我們刪除;如作者信息標記有誤,請聯系我們修改。),