||
每次當(dāng)你掌握了一種新的設(shè)計(jì)技術(shù),,你是不是都迫不及待地希望嘗試應(yīng)用到你的網(wǎng)站上,?我知道那種興奮的感覺(jué)。新的設(shè)計(jì)趨勢(shì)一直在延續(xù),,作為一個(gè)市場(chǎng)營(yíng)銷人員,,我們應(yīng)該意識(shí)到當(dāng)創(chuàng)建新的網(wǎng)頁(yè)或開(kāi)始重新設(shè)計(jì)一個(gè)網(wǎng)站時(shí),,自己能夠從新的趨勢(shì)中學(xué)到什么。下面就讓我們趕快看看以下9個(gè)設(shè)計(jì)趨勢(shì)吧,!
趨勢(shì)1:響應(yīng)式設(shè)計(jì)(Responsive Design)
響應(yīng)式設(shè)計(jì)是網(wǎng)站設(shè)計(jì)的最新趨勢(shì)之一,。當(dāng)一個(gè)網(wǎng)站運(yùn)用響應(yīng)式設(shè)計(jì),這意味著你的網(wǎng)頁(yè)的布局將適應(yīng)任何屏幕尺寸,。這種靈活性使得你的網(wǎng)站,,無(wú)論在智能手機(jī)、平板,、桌面上顯示,,都具有更好的用戶體驗(yàn)。同時(shí),,也有利于設(shè)計(jì)人員和市場(chǎng)營(yíng)銷人員去建立和日常維護(hù)網(wǎng)站,,而免去不斷優(yōu)化和調(diào)整的煩惱。響應(yīng)式設(shè)計(jì)目前在郵件營(yíng)銷設(shè)計(jì)中也得到越來(lái)越多的應(yīng)用,。
webpower中國(guó)區(qū)提供出色的郵件與短信,、微信、APP等多渠道個(gè)性化會(huì)員營(yíng)銷服務(wù),,其設(shè)計(jì)團(tuán)隊(duì)與市場(chǎng)營(yíng)銷團(tuán)隊(duì)精心推送的每月Newsletter在不同屏幕上的顯示俱佳,,看看下例,你就知道為什么需要使用響應(yīng)式設(shè)計(jì):
趨勢(shì)2:視網(wǎng)膜支持(retina display)
在2010年,,蘋果宣布iPhone4將有一個(gè)視網(wǎng)膜顯示屏,,該屏幕的像素密度將達(dá)到326像素/英寸(ppi)。當(dāng)時(shí)我們中的許多人根本不知道視網(wǎng)膜顯示是什么,,但無(wú)論如何,,設(shè)計(jì)師歡欣鼓舞!我們很快就發(fā)現(xiàn)了視網(wǎng)膜顯示意味著屏幕上的圖像會(huì)比我們之前見(jiàn)過(guò)的更加清晰,。
當(dāng)像素密度超過(guò)300ppi時(shí),,人眼就無(wú)法區(qū)分出單獨(dú)的像素,不會(huì)再出現(xiàn)顆粒感,。視網(wǎng)膜顯示的極高像素密度意味著可以允許設(shè)計(jì)師創(chuàng)造更詳細(xì)的圖片,,在設(shè)計(jì)中加入更多的細(xì)節(jié)。這對(duì)網(wǎng)站設(shè)計(jì)開(kāi)通了另一扇大門,。
趨勢(shì)3:大圖片背景
越來(lái)越多的企業(yè)正在把大照片作為其網(wǎng)站的背景,,以給網(wǎng)站訪問(wèn)者帶來(lái)一個(gè)企業(yè)整體的風(fēng)貌。把大型照片作為網(wǎng)站的背景,,這對(duì)于營(yíng)銷來(lái)說(shuō)是一個(gè)巨大的好處,。訪問(wèn)者在來(lái)網(wǎng)站在瞬間就能直觀的感受到所有關(guān)于你的公司,、你的企業(yè)文化、產(chǎn)品服務(wù)或網(wǎng)站目的等關(guān)鍵信息,。
例如,,總部設(shè)在美國(guó)科羅拉多州的Sweet Basil,其網(wǎng)站背景是不同餐廳圖片之間的交替展示,。
在上圖中,,你馬上就能理解這家餐廳的文化和氛圍,然后決定是否值得一去,。畢竟,,企業(yè)只有幾秒鐘的時(shí)間向你的網(wǎng)站訪問(wèn)者證明他們應(yīng)該留在網(wǎng)頁(yè)上。
趨勢(shì)4:無(wú)限滾動(dòng)(Infinite Scrolling)
當(dāng)你正在谷歌中尋找圖片的時(shí)候,,你可能會(huì)認(rèn)識(shí)到這個(gè)技術(shù),。無(wú)限滾動(dòng)意味著你向下滾動(dòng)頁(yè)面,該頁(yè)面會(huì)持續(xù)加載,。簡(jiǎn)單地說(shuō),,無(wú)限滾動(dòng)是為更好的用戶體驗(yàn)而做。剛開(kāi)始時(shí),,它可以讓用戶保持在同一頁(yè)上,,而不需要在許多不同的網(wǎng)頁(yè)之間切換。在一個(gè)長(zhǎng)頁(yè)面上持續(xù)的加載比在多個(gè)頁(yè)面上加載速度更快,。當(dāng)您的網(wǎng)頁(yè)上有大量的圖片時(shí),,考慮使用無(wú)限滾動(dòng),以使你的訪問(wèn)者滾動(dòng)內(nèi)容時(shí)可以持續(xù)下載,。
在Cutest Paw的網(wǎng)站上,,您不僅可以欣賞可愛(ài)的動(dòng)物圖片,且該網(wǎng)站使用這種技術(shù),,你一次可以加載很多圖片,。
趨勢(shì)5:視差滾動(dòng)
視差滾動(dòng)是計(jì)算機(jī)圖形學(xué)中的一種技術(shù),能夠使背景以較慢的速度在前臺(tái)移動(dòng),,創(chuàng)建一個(gè)看起來(lái)像3D的視覺(jué)錯(cuò)覺(jué),。許多網(wǎng)站已經(jīng)開(kāi)始使用這種技術(shù),利用這種技術(shù)讓你的網(wǎng)站與訪問(wèn)者更加互動(dòng),,但如果過(guò)度使用,,它可能看起來(lái)花哨。
例如,,電影《少年派的奇幻漂流》背后的營(yíng)銷團(tuán)隊(duì)在其網(wǎng)站上就應(yīng)用了視差滾動(dòng)技術(shù),。
視差滾動(dòng)使網(wǎng)站變得生動(dòng)。它使2D圖像體驗(yàn)起來(lái)像3D,。因此,,它有助于市場(chǎng)營(yíng)銷人員在網(wǎng)站用于描述其營(yíng)銷故事。當(dāng)你向下滾動(dòng),,隨著文本和圖像出現(xiàn)在不同地方,,你會(huì)發(fā)現(xiàn)更多有關(guān)產(chǎn)品或服務(wù)的圖片和文字。這種技術(shù)非常強(qiáng)大,,因?yàn)樗娴目梢詾槟愕脑L問(wèn)者帶來(lái)更鮮活的業(yè)務(wù)體驗(yàn),。
趨勢(shì)6:可伸縮矢量圖形
可伸縮矢量圖形(SVG)是基于XML的矢量圖像格式。利用SVG能夠創(chuàng)建更加豐富多彩的信息可視化和交互性的應(yīng)用,,尤其是可以創(chuàng)建具有動(dòng)態(tài)的,、數(shù)據(jù)驅(qū)動(dòng)的、交互式圖形,、圖像,。另外,由于是純文本格式的,,SVG比傳統(tǒng)的圖形,、圖像格式如GIF和JPEG占用更少的空間。查看示例http://svg-wow.org/camera/camera.xhtml
趨勢(shì)7:字體排印
字體排印,,又稱“文字設(shè)計(jì)”,,是一種涉及對(duì)字體、字號(hào),、縮進(jìn),、行間距、字符間距進(jìn)行設(shè)計(jì),、安排等方法來(lái)進(jìn)行排版的一種工藝,。它可以使一個(gè)實(shí)體的品牌在第一眼時(shí)就被容易辨認(rèn),也給網(wǎng)站營(yíng)造一種有組織,、利落的感覺(jué)�,,F(xiàn)在很多設(shè)計(jì)師都選擇使用字體排印,以幫助訪問(wèn)者瀏覽網(wǎng)站,。網(wǎng)頁(yè)的字體排印包括能夠使網(wǎng)站看起來(lái)整齊美觀的網(wǎng)頁(yè)頁(yè)頭,。設(shè)計(jì)師一直在他們的設(shè)計(jì)中使用字體排印,但目前字體的選擇突飛猛進(jìn),。
使用字體排印的一個(gè)最典型的網(wǎng)站是“紐約客(The New Yorker)”,。字體排印創(chuàng)建了一個(gè)簡(jiǎn)潔的設(shè)計(jì)風(fēng)格。在紐約客網(wǎng)站中,,不雜亂,、整潔、干凈,、有足夠的信息,,有助于讀者了解其內(nèi)容,,當(dāng)我們通讀第一頁(yè),大的字體排印脫穎而出,,使我們可以快速找出我們需要去的地方,。
趨勢(shì)8:疊加下拉菜單
疊加下拉菜單是下拉菜單的一種形式,它直接覆蓋在網(wǎng)站的內(nèi)容上,。這意味著,,當(dāng)你點(diǎn)擊網(wǎng)站上的一個(gè)導(dǎo)航選項(xiàng),那么在你的菜單下面會(huì)彈出其他選項(xiàng),,而不需要你到不同的頁(yè)面去,。
iOffice在其網(wǎng)站上使用這種技術(shù)。這種技術(shù)對(duì)于在主頁(yè)上想增加一些額外鏈接的企業(yè)真正有價(jià)值,,避免了頁(yè)面中文本過(guò)度擁擠,。當(dāng)您在下拉菜單中選擇任何東西,你還是一直可以查看到該頁(yè)面的其余部分和其他內(nèi)容,。
采用了響應(yīng)式設(shè)計(jì)布局的網(wǎng)站更適合使用這種下單菜單,,因?yàn)樗屵@些網(wǎng)站最大限度地提高了在移動(dòng)設(shè)備和平板電腦上的顯示空間。
9.扁平化設(shè)計(jì)
扁平化就是摒棄高光,、陰影等能造成透視感的效果,,通過(guò)抽象、簡(jiǎn)化,、符號(hào)化的設(shè)計(jì)元素來(lái)表現(xiàn),。界面上極簡(jiǎn)抽象、矩形色塊,、大字體,、光滑、現(xiàn)代感十足,,讓你去意會(huì)這是個(gè)什么東西,。其交互核心在于功能本身的使用,所以去掉了冗余的界面和交互,。這個(gè)概念最核心的地方就是放棄一切裝飾效果,,諸如陰影,透視,,紋理,,漸變等等能做出3D效果的元素一概不用。所有的元素的邊界都干凈利落,,沒(méi)有任何羽化,,漸變,或者陰影。尤其在手機(jī)上,,更少的按鈕和選項(xiàng)使得界面干凈整齊,,使用起來(lái)格外簡(jiǎn)潔�,?梢愿雍�(jiǎn)單直接的將信息和事物的工作方式展示出來(lái),,減少認(rèn)知障礙的產(chǎn)生。下面是webpower中國(guó)區(qū)(目前國(guó)內(nèi)最大的郵件營(yíng)銷服務(wù)機(jī)構(gòu),,郵件與短信、微信,、APP等多渠道個(gè)性化會(huì)員營(yíng)銷服務(wù)商)的扁平化設(shè)計(jì)官網(wǎng)頁(yè)面,。
如果你在開(kāi)始郵件與微信、短信等多渠道營(yíng)銷及設(shè)計(jì)創(chuàng)意中遇到了任何難題或有經(jīng)驗(yàn)分享,,歡迎通過(guò)webpower中國(guó)區(qū)(www.webpowerchina.com,021-60735097,,qq:2355712566)與筆者([email protected])取得聯(lián)系,我們將幫你實(shí)現(xiàn)更為高效的營(yíng)銷活動(dòng),。
銷售與市場(chǎng)官方網(wǎng)站 ( 豫ICP備19000188號(hào)-5 )
GMT+8, 2024-12-25 22:23 , Processed in 0.027490 second(s), 16 queries .
Powered by 銷售與市場(chǎng)網(wǎng) 河南銷售與市場(chǎng)雜志社有限公司
© 1994-2021 sysyfmy.com