2015年網頁設計的流行趨勢(轉載)

1. 響應式在繼續(xù)

OK朗儒,也許你不打算打道回府陨帆。也許你有一個很好的理由不用響應式網頁設計曲秉?在過去的幾年里,響應設計快速鞏固了自己作為網頁設計的新標準疲牵。當然承二,也有爭論,但是沒人說纲爸,“讓我們擺脫響應式設計吧”亥鸠。實際上,越來越多的網站選擇響應式的方向识啦。2014年確實如此负蚊,2015年也還會繼續(xù)。這已經不是種趨勢颓哮,而是常態(tài)了家妆。


2. 幽靈按鈕

幽靈按鈕憑借簡潔時髦,及微妙的動畫招人喜歡冕茅。2015年幽靈按鈕將繼續(xù)伤极,特別是用在大背景和背景視頻上更適用。


3. 更強調字體

傳統(tǒng)的一些Web字體價格昂貴姨伤,意味著網站排版需要更多的預算哨坪。如今,這種情況在改變乍楚,設計師只要更少的預算甚至免費(如Google Fonts)的字體集就能在網頁上自由設計当编。

4. 比大比更大的圖片,視頻背景

一個讓網站脫穎而出的簡單方式是突出關鍵的內容徒溪,這種趨勢需要以美妙的方式來完成忿偷,強調設計哲學,優(yōu)雅有力量臊泌,而非只是噱頭牵舱。

5 . 滾動主導點擊



得益于移動互聯(lián)網的發(fā)展,網頁設計更偏向移動化缺虐,因此會帶來更有效和愉悅的移動體驗芜壁,如滾動主導點擊。這種方式更直觀高氮,易于實現(xiàn)慧妄,減少加載時間,允許網站與用戶之間更多的交互剪芍。


6. 卡片式設計繼續(xù)

卡片式設計塞淹,不算新穎,卻是響應式網頁設計的最佳實踐罪裹”テ眨卡片式設計很好的一個方式是模塊化运挫,重新編排欄目也不會草率或紊亂,在瀏覽器中能瀏覽大量數(shù)據套耕,但是要提示用戶深入了解谁帕。總之冯袍,卡片設計干凈簡單匈挖,具備多功能性。正是網絡的需求康愤,2014和2015年你將能看到更多卡片式風格設計儡循。

7. 扁平化繼續(xù)(或者Material Design設計語言崛起)

扁平化設計在過去兩年里勢頭迅猛,2015年在持續(xù)征冷。然后择膝,對于扁平化而言或許只是個概念,也許是Material Design (材料設計)检激,那么什么是Material Design呢肴捉?

Material Design是 Google今年新推出的移動設計方向,“Material(材料)”是種隱喻:空間的合理化及系統(tǒng)動效的統(tǒng)一呵扛。Material源自現(xiàn)實的感知,靈感來自紙張和油墨筐带,尚未開啟的想象力和神奇今穿。

很多設計師說,材料設計語言在扁平化上作了微妙的漸變伦籍,層次感和動畫保留了意義上的有形世界(物理空間和物體)蓝晒,同時實現(xiàn)了扁平化的所有優(yōu)點。有些人可能不同意帖鸦,但我個人覺得芝薇,這就是扁平化設計的整體領導,我們期待看到更多的企業(yè)和個人在2014年及以后采取該策略作儿。

8. 微交互

談論完材料設計洛二,微交互也是個很好的勢頭。 它們通常用在產品的體驗和瞬間攻锰,網站簡單的用戶任務處理也會用到晾嘶。一個簡單的例子是注冊的時候彈出框效果。微交互促進了用戶的參與娶吞,這種趨勢在未來幾年將進一步滲透到網頁設計中垒迂。

9. 交互式故事

你想把所有的內容聚在一起嗎?當然妒蛇,不是每個頁面都適合講一個仙女的故事的机断。如果你的品牌由一系列概念或價值(優(yōu)雅楷拳、創(chuàng)造力,簡約等)吏奸,從頁面布局到字體選擇欢揖,你都能通過頁面元素和交互性故事來闡述品牌和理念。如特斯拉的官網:http://www.teslamotors.com/

10. 個性化用戶體驗

使用cookies技術向用戶展示相關內容不是什么新鮮事苦丁。然后浸颓,某些垃圾做法(如彈出選擇),現(xiàn)在有了更好的設計和最佳實踐旺拉,使用cookies顯示特定的內容給用戶比垃圾郵件和無恥的銷售有效的多产上。Netflix會記住你最近看的,YouTube也如此蛾狗。難道這些傳統(tǒng)的大網站只會使用側邊欄小工具晋涣,以便你快速訪問你喜歡的內容或評論的文章?或者突出查看過的內容或高亮帖子沉桌?我不這么認為谢鹊,未來更會出現(xiàn)更優(yōu)雅的技術。

極好的例子

Apple

你不必是個蘋果迷才能欣賞這么好的網頁設計留凭。蘋果總是設法讓它們的商標保持簡單佃扼,繼續(xù)設法擠出顯著數(shù)量的當前和未來的設計趨勢。如果你想學習但不想模仿它蔼夜,不是你必須創(chuàng)建一個站點酷似他們兼耀,而是復制其顯著的微妙之處,避免故意使用趨勢的噱頭求冷。

Tesla

Go Electric page這個頁面使用了大圖片瘤运,長滾動和嵌入式信息圖和交互式故事解釋了他們產品的常見5大問題,這是個相當聰明的設計匠题,相比傳統(tǒng)枯燥無味的網站拯坟,這是個令人驚嘆的展示。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末韭山,一起剝皮案震驚了整個濱河市郁季,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌钱磅,老刑警劉巖巩踏,帶你破解...
    沈念sama閱讀 217,406評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異续搀,居然都是意外死亡塞琼,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評論 3 393
  • 文/潘曉璐 我一進店門禁舷,熙熙樓的掌柜王于貴愁眉苦臉地迎上來彪杉,“玉大人毅往,你說我怎么就攤上這事∨山” “怎么了攀唯?”我有些...
    開封第一講書人閱讀 163,711評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長渴丸。 經常有香客問我侯嘀,道長,這世上最難降的妖魔是什么谱轨? 我笑而不...
    開封第一講書人閱讀 58,380評論 1 293
  • 正文 為了忘掉前任戒幔,我火速辦了婚禮,結果婚禮上土童,老公的妹妹穿的比我還像新娘诗茎。我一直安慰自己,他們只是感情好献汗,可當我...
    茶點故事閱讀 67,432評論 6 392
  • 文/花漫 我一把揭開白布敢订。 她就那樣靜靜地躺著,像睡著了一般罢吃。 火紅的嫁衣襯著肌膚如雪楚午。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,301評論 1 301
  • 那天尿招,我揣著相機與錄音矾柜,去河邊找鬼。 笑死泊业,一個胖子當著我的面吹牛把沼,可吹牛的內容都是我干的啊易。 我是一名探鬼主播吁伺,決...
    沈念sama閱讀 40,145評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼租谈!你這毒婦竟也來了篮奄?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,008評論 0 276
  • 序言:老撾萬榮一對情侶失蹤割去,失蹤者是張志新(化名)和其女友劉穎窟却,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體呻逆,經...
    沈念sama閱讀 45,443評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡夸赫,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,649評論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了咖城。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片茬腿。...
    茶點故事閱讀 39,795評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡呼奢,死狀恐怖,靈堂內的尸體忽然破棺而出切平,到底是詐尸還是另有隱情握础,我是刑警寧澤,帶...
    沈念sama閱讀 35,501評論 5 345
  • 正文 年R本政府宣布悴品,位于F島的核電站禀综,受9級特大地震影響,放射性物質發(fā)生泄漏苔严。R本人自食惡果不足惜定枷,卻給世界環(huán)境...
    茶點故事閱讀 41,119評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望邦蜜。 院中可真熱鬧依鸥,春花似錦、人聲如沸悼沈。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,731評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽絮供。三九已至衣吠,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間壤靶,已是汗流浹背缚俏。 一陣腳步聲響...
    開封第一講書人閱讀 32,865評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留贮乳,地道東北人忧换。 一個月前我還...
    沈念sama閱讀 47,899評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像向拆,于是被迫代替她去往敵國和親亚茬。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,724評論 2 354

推薦閱讀更多精彩內容