2014年6月3日星期二

網頁設計新方向,網頁也要大屏



    近年,網頁早已不滿足於寬屏了,已經向著更寬屏,超大屏的方向前進了。而大多數網頁設計師都還記著頁面的內容要在1000寬度左右,不可超越。的的確確這是以前的“審美標准”,在當今的時代,大眾審美觀更新換代,有的東西隨之而變。比如說,當三星推出5.3寸大屏手機的時候,多少人為之而振,而現在滿大街都是6寸大屏手機了。所以,多響應式全屏設計會成為未來的主流,這是必然的趨勢。

    大屏設計,隨之帶來的是兼容問題。在突破局限思維之前,我們要先樹立好較好的態度,寧可多花時間,也要適應潮流。接下來我就來給大家分析一下如何做好一個“大屏”網頁了。

    一.大圖要震撼,要清晰

    大概在二零零八前的設計,背景都是花紋或者是純底色,用現在的話來說叫簡約。不過如果換上了大圖,大圖的清晰度直接地影響到了整個視覺效果,如果大圖不清晰,帶來的震撼視覺也會隨之消失,反之,則會讓人感覺秀色可餐。其次,應該是圖片與內容的協調,盡量不會互相幹擾,但也不要過大的獨立性。在有文字的圖片中,將重疊部分色彩弱化,並將文字加底色等方式突出,整個效果就會非常帶勁。

    二.以中心定位,兩側自適應

    別誤會,中心定位並不是要對稱美。將一些主要的內容放在大屏中間,如果把握不好的話建議可以在1000的尺寸左右即可,兩側追求簡單而實用,但不可太空洞,可以加一些菜單的按鈕或者是很流行的分享按鈕之類的。當然,萬萬不可將核心內容放兩邊,那會被忽視的。相信不少朋友遇到過一個很常用的東西因放在某個角落找半天沒找到的悲慘經曆吧。

    三.全屏響應式,瀑布流走起

    說到瀑布流,很多朋友就比較熟悉了。不過大多數朋友只知道是把網頁切割成非常多個方塊,不知這些方塊的大小比例的分配。至於具體的大小分配,並沒有什麼嚴格的規定,可以在某一側比例為1,而相鄰的為2,以大小不同突出核心內容。瀑布流讓大屏變得很充實,也是比較容易上手的大屏設計。

    硬件都大屏了,設計還不大屏就被淘汰了。至於顏色怎麼分配,這些都要根據具體情況而定。不要怕不好看,努力做,突破局限思維。

没有评论:

发表评论