淺談網(wǎng)頁(yè)設(shè)計(jì)發(fā)展之路 迎合用戶敢于創(chuàng)新
網(wǎng)頁(yè)設(shè)計(jì)的出現(xiàn)就是為了迎合用戶需求,而當(dāng)下的網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)不再是幾年前的“設(shè)計(jì)開(kāi)發(fā)一體”了。簡(jiǎn)單的說(shuō),曾經(jīng)可以一張華麗的圖片做網(wǎng)頁(yè),現(xiàn)在還可以嗎?答案自然是否定的,現(xiàn)在的網(wǎng)頁(yè)除了追求華麗也要追求實(shí)用了,實(shí)用儼然成為了網(wǎng)頁(yè)設(shè)計(jì)的一部分。
網(wǎng)頁(yè)設(shè)計(jì)發(fā)展之字體布局。簡(jiǎn)單而言,就是增加網(wǎng)頁(yè)設(shè)計(jì)中的字體設(shè)計(jì),字體設(shè)計(jì)在之前我們常用Photoshop等工具做出圖片再導(dǎo)出,引用到網(wǎng)頁(yè)。這樣會(huì)產(chǎn)生一些弊端,比如說(shuō)會(huì)增加服務(wù)器負(fù)擔(dān),網(wǎng)頁(yè)打開(kāi)速度慢,不方便修改諸如此類的問(wèn)題。而將字體導(dǎo)入服務(wù)器,這樣展出的形式則是文字,比采用圖片或者是JS腳本都更加“輕”,所以說(shuō)以后的字體設(shè)計(jì)定然成為網(wǎng)頁(yè)美感以及技術(shù)水平的風(fēng)向標(biāo)。
網(wǎng)頁(yè)設(shè)計(jì)發(fā)展之路摒棄Flash。摒棄Flash的目的不是為了Seo,因?yàn)樗阉饕嬉呀?jīng)能簡(jiǎn)單的讀取Flash。Flash如果大量運(yùn)用在移動(dòng)終端上,反應(yīng)速度非常慢,非常影響用戶體驗(yàn)。讓用戶苦等也等不到好的效果,難道是迎合了用戶的胃口嗎?再者說(shuō),安卓4.1以上的系統(tǒng)以及蘋果的設(shè)備早就已經(jīng)不支持Flash了,所以我們不應(yīng)當(dāng)將Flash作為網(wǎng)頁(yè)設(shè)計(jì)中的重要元素,取而代之的應(yīng)該是HTML5/CSS3,不僅不會(huì)造成瀏覽器崩潰等問(wèn)題,還能帶來(lái)非常好的視覺(jué)效果。
網(wǎng)頁(yè)設(shè)計(jì)發(fā)展之路之多終端多設(shè)計(jì)。也就是說(shuō)未來(lái)的網(wǎng)頁(yè)不僅僅在PC機(jī)上呈現(xiàn),還在平板、手機(jī)上呈現(xiàn),換句話說(shuō)就是俗稱的響應(yīng)式設(shè)計(jì)。在平板或者說(shuō)智能手機(jī)上呈現(xiàn)的是類似于PC機(jī)的網(wǎng)頁(yè)設(shè)計(jì)以及內(nèi)容,似乎有一些不太妥當(dāng)。發(fā)展不同終端,給出不同的設(shè)計(jì)是必然的趨勢(shì)。當(dāng)然,也為了一些懶得下載移動(dòng)應(yīng)用的用戶提供了便利。
網(wǎng)頁(yè)設(shè)計(jì)發(fā)展之路大圖大氣。大家有沒(méi)有發(fā)現(xiàn),在天貓的很多旗艦店的Home頁(yè),都以大氣的大圖作為首屏,增加網(wǎng)頁(yè)感染力。大圖占用資源是不得不承認(rèn)的,但是如果能與字體布局有機(jī)的結(jié)合,未嘗不可是一個(gè)好的方式。將大圖作為背景,字體布局在特定的位置上,形成類photoshop加工過(guò)的圖片,更奇妙的是,這里面的文字內(nèi)容都可以直接復(fù)制并分享給朋友,這難道不是一個(gè)好的創(chuàng)意嗎?大背景大圖像才夠大氣,這樣的設(shè)計(jì)將會(huì)迎合了很多豪爽的用戶。
網(wǎng)頁(yè)設(shè)計(jì)發(fā)展之路社交化設(shè)計(jì)。社交化是近年來(lái)常提到的一個(gè)詞語(yǔ),無(wú)論是搜索引擎還是大型門戶,都逃不過(guò)社交化,也必須結(jié)合社交化。最常見(jiàn)的例子就是百度分享之類的能簡(jiǎn)單的將內(nèi)容分享出去的實(shí)用小工具。但,僅僅只有百度分享也就太遜了。所以,在社交化設(shè)計(jì)上具有創(chuàng)造力是必須的,也永遠(yuǎn)不要認(rèn)為社交化網(wǎng)頁(yè)有多難,甚至在合適的地方加入在線QQ都是明智、富有創(chuàng)造力的設(shè)計(jì)。
網(wǎng)頁(yè)設(shè)計(jì)發(fā)展之路淡雅、小清新的配色。當(dāng)下越來(lái)越多人追崇小清新,淡雅和淺色系的網(wǎng)頁(yè)設(shè)計(jì)往往符合小清新風(fēng)的用戶。例如青色與白色的混搭,著實(shí)別有一番風(fēng)味。比如說(shuō)在很多移動(dòng)應(yīng)用的UI設(shè)計(jì)上,青色的灰色都是主流。我們自然不必完全跟隨著主流,但也不必逆流而行。在主流之上創(chuàng)新,用戶喜歡英倫風(fēng),我們?cè)O(shè)計(jì)英倫風(fēng);用戶喜歡小清新,我們?cè)O(shè)計(jì)清新風(fēng)。
本文地址:http://www.likemindfilms.com/tutorial/di1503.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專題頁(yè)面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏