使用PS設計網(wǎng)頁版面,足矣?或許五年前是吧!現(xiàn)在的互聯(lián)網(wǎng)用戶要求越來越多。沒有內(nèi)涵的華麗很快就會被丟棄。如果你追求華而不實的設計,那么相信你很快會被時代遺棄。
作為設計師的你,2014年會作神馬打算?真正的設計師設計的東西不是為了嘩眾取寵而是在藝術和功能上做到兩全其美。。
“此外,永遠不要低估簡約的力量。2014年,你的設計不但要考慮筆記本、臺式電腦,還要考慮智能手機、上網(wǎng)本和平板電腦等設備。你都準備好了嗎?”
1、更多的CSS3 + HTML5

不過2010年以前網(wǎng)頁設計師濫用Flash的現(xiàn)象會慢慢減少,F(xiàn)在很少設計師會整個網(wǎng)站都是用Flash設計,他們會在一些可用的地方使用 HTML5替代Flash,使網(wǎng)站變得簡單運行更快速。然而,目前HTML5還不能夠取代Flash,F(xiàn)lash的某些效果HTML5暫時還不能夠?qū)崿F(xiàn)。
2、簡單的配色方案


3、移動互聯(lián)網(wǎng)時代的到來
創(chuàng)建適合移動設備的網(wǎng)站不是簡單地在原有的設計去掉華麗的元素,那將會是沒有靈魂的設計。盡管在原有的設計再設計一個支持移動設備網(wǎng)站是件痛苦的事情。幸運的是,新的技術讓一切變得更簡單。
你也可以設計一個移動設備專屬的網(wǎng)站,但相信那個網(wǎng)站不久還是要改版的,以現(xiàn)在科技產(chǎn)品的發(fā)展速度來看。越來越多的移動網(wǎng)站包括原始網(wǎng)站的瀏覽選項。
4、Parallax Scrolling
2014年的網(wǎng)頁設計趨勢熱點就是要創(chuàng)造這樣的深度視覺效果。Parallax Scrolling可以通過一些簡單的CSS技巧或jQuery插件來實現(xiàn)(示范站點:站點1 站點2)。

5、設計需考慮更多的觸屏設備
作為設計師,我們更喜歡鼠標。當鼠標懸停的時候鏈接會變得高亮,然而觸屏沒有所謂的懸停。你將會在設計中如何向觸屏設備訪客展示鏈接?
最后,你必須考慮在你的網(wǎng)頁設計中使用流體布局(liquid layouts)。2014年,你需要處理的重點不再是屏幕分辨率問題,而是如何做到使訪客從垂直到水平閱讀你的網(wǎng)站都會清晰。你的設計必須做到靈活以應付任何的挑戰(zhàn)。否則你將會成為過去式。
6、深度判析


7、大背景圖
當然背景圖的色彩、內(nèi)容等都十分講究,任何情況下都不要破壞用戶的體驗,不然再漂亮的照片也是枉然。圖片類型趨向于一些比較柔和、略帶透明的一類,不要影響到網(wǎng)站文字的閱讀,講究協(xié)調(diào),易于閱讀。

8、不拘謹于頂級域名


9. QR: Quick Response
這個方形的條形碼被稱為QR,全稱為Quick Response(在“QR Code讀取器QuickMark” 介紹過)。
應用QR到你的網(wǎng)站,目的是讓瀏覽者擁有一個你的移動網(wǎng)頁的快捷方式。你還可以通過在您的網(wǎng)址上放置一個特殊的推介代碼QR追蹤你的訪客。

10、縮略圖設計(Thumbnail Design)
如果你的設計是基于Flash,會存在這樣的一個問題,預覽將無法顯示你的設計元素。

Lifestreaming,一種在線記錄個人日;顒拥木W(wǎng)絡應用,包括直接通過視頻feed或通過聚焦一個人的網(wǎng)絡在線內(nèi)容,比如博客日志,在社會性網(wǎng)絡上面的更新,在線相冊,聊天內(nèi)容甚至只是一些喜歡的網(wǎng)站的鏈接等等。
將來人們還會而且加強如 lifestreaming的形式進行人與人之間的交流互動。作為網(wǎng)頁設計師,你必須了解這個趨勢和應對這個趨勢。


一個商業(yè)網(wǎng)站,在一個頁面上綜合大量信息。 |