一年到頭,總結很重要。但是總結的文章看多的總不免要問,明年會如何?Well,的確是時候展望一下未來了。2014年涌現(xiàn)了許多令人印象深刻的網頁設計趨勢,幽靈按鈕越來越多,視差滾動也已經成熟,單頁設計也成為了諸多設計手法的重要載體,而逐漸多起來的免Coding網頁設計平臺也開始造福于設計師了! 當然,有的設計趨勢只是曇花一現(xiàn),但是有的則是自然演進的成果。當我們看著《星際迷航》里進取號飛船中科技感十足的透明控制面板,以及鋼鐵俠的頭盔中的HUD界面,總不免自問,為什么我們的手機UI和網頁不這么設計呢?終于在幾年之后,我們看到了越來越多姿態(tài)各異的幽靈按鈕,在大氣磅礴的網頁背景中,閃爍發(fā)光。這就設計的演進,它們在某些角落誕生,然后在互聯(lián)網的推動之下,星火燎原。 我們周遭大小各異的屏幕越來越多,來自世界各地的設計師大腦中的想法和靈感也層出不窮,所以網頁設計師不僅要讓設計兼容越來越多的屏幕,也得時刻了解正在發(fā)生、正在流行的新設計。 1、更加靈活的排版 隨著對內容呈現(xiàn)形式要求的不斷提升,用戶和設計師都會對文字和內容排版提出新的規(guī)范。 事實上,網頁排版和傳統(tǒng)的平面排版有著巨大的差異,而在即將到來的2015年,你會發(fā)現(xiàn)越來越多的傳統(tǒng)網站開始轉型,逐漸拋棄小字體+密集布局設計。其實這并非什么新鮮事,早在2006年,網頁設計界就已經開逐漸轉變了,只是傳統(tǒng)網站很難放棄多年以來的設計風格和規(guī)則而已。 有研究表明,影響網頁可讀性的主要有3個因素: 1、字體大小 2、列寬度 3、行高度 而研究表明,較大的文本大小更加有利于在屏幕上閱讀內容。網頁設計師門現(xiàn)在已經開始提升響應式網頁布局中,字體排版與圖片、整體結構之間的關系,以提升閱讀體驗。如何讓文字內容哪怕在跨平臺的狀況下都始終保持最佳的視覺效果,是未來網頁設計中至關重要的事情。 2、網頁Coding的衰落 其實網頁開發(fā)分工一直處于一種高度分裂的狀態(tài):設計師完成網站的視覺設計,而前端/程序員則需要將設計實現(xiàn)出來。但是這一狀況正在逐漸改變,因為網頁設計工具正在變得越來越強大,更加智能。 越來越多的設計師可以不寫一行代碼就創(chuàng)建出網站,利用圖形設計軟件的新特性和新功能,設計師所創(chuàng)建的網站不僅代碼干凈漂亮,而且能通過W3C的驗證。 這是具有重大意義的轉變,新工具令網頁開發(fā)的門檻逐漸降低,設計師們也能在不觸及復雜技術的前提下,獨立創(chuàng)建出現(xiàn)代而專業(yè)化的網站。 如此一來,設計師可以更加專注于設計,而這些無Coding開發(fā)平臺則可以更加專注于技術和代碼演進,確保所有最新的設計都能完美呈現(xiàn)。之前從事前端工作的開發(fā)者逐漸過度成為Web程序員,而這些平臺就是他們發(fā)光發(fā)熱的地方。 3、響應式設計的進化 在過去的幾年中,設計響應式的網站的時候,主要考慮桌面端、平板和手機屏幕的適配。但是隨著智能手表、智能電視和智能家具的蓬勃發(fā)展,響應式所需要“響應”的屏幕尺寸范疇再一次得到了擴展。 雖然現(xiàn)在手機和平板的交互都已為大眾所熟悉,但是為之進行響應式設計的時候依然存在獨特的挑戰(zhàn),那就是屏幕尺寸、分辨率的分裂帶來的適配工作量的增加。 即便解決了平板和手機上的瀏覽的問題,你還得面對新加入的設備。比如在智能手表上,網頁瀏覽的方式都是截然不同的,你需要為之重新思考導航的方式。在手表上瀏覽手機版的網頁都是一件吃力的事情,而在TV端瀏覽桌面端的網頁的話,體驗也是災難性的。 這些新問題的解決方案可能還有待時間來沉淀,但是在2015年底智能設備市場的膨脹,會促使網頁設計師們來考慮新設計,以應對技術的革新。 注:相關網站建設技巧閱讀請移步到建站教程頻道。 |
|