版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)
文檔簡介
1、 幾個案例告訴你網(wǎng)站設(shè)計怎么才能吸引用戶眼球怎么讓自己網(wǎng)站設(shè)計的讓人眼前一亮,從眾多平庸的網(wǎng)站中脫穎而出,這是很多設(shè)計師思考的問題,其實一個網(wǎng)站文字比圖片更能吸引人,所以想要讓網(wǎng)站更加吸引用戶眼球那么可以在圖像上下功夫。好圖勝千言,下通過一些案例來說說。1、Biamar關(guān)鍵詞:時尚感 品牌 視差滾動 HTML5Biamar網(wǎng)站首頁用了超大背景圖,高端、時尚是網(wǎng)站給人的第一感覺。在背景圖中,連綿起伏的山巒具有層次,襯托了人物形象,營造的環(huán)境氛圍突出展示了服裝的時尚感,渲染并傳達了Biamar的品牌內(nèi)涵。此處使用的圖,符合Biamar針織衫的品牌風(fēng)格,向用戶準(zhǔn)確傳達了品牌理念。網(wǎng)站采用了視差滾動技
2、術(shù),頁面用HTML5寫成,鼠標(biāo)滾動時頁面圖和文字出現(xiàn)不同層次,從視覺上更加襯托出網(wǎng)站的酷炫。2、My Deejo關(guān)鍵詞:HTML5 酷炫 360度全景3D展示 強互動性打開My Deejo網(wǎng)站,首頁的產(chǎn)品圖片無疑是最引人注目的:精致的折疊刀似乎懸浮在空中,從模糊的背景中凸顯出來,盡顯3D效果的視覺沖擊力。用戶的視線很容易被產(chǎn)品吸引,主動去閱讀文字,進一步了解產(chǎn)品特征。在瀏覽過程中,用戶會發(fā)現(xiàn)網(wǎng)站采用了超級酷炫的360度全景3D展示。通過滑動和滾動鼠標(biāo),可以從全方位視角查看折疊刀的細節(jié),并能自定義為刀身設(shè)置不同花紋和刀柄,充滿趣味性。同時還能點擊折疊刀下面的OPEN/CLOSE幽靈按鈕,查看刀身
3、打開和折疊的狀態(tài)。更棒的是,上圖的交互效果完整展示了各個零件拼出折疊刀的動態(tài)效果,非常吸引人。該網(wǎng)站的效果很容易激發(fā)用戶的興趣,讓人沉浸其中、玩得不亦樂乎,留下深刻印象。雖然網(wǎng)站酷炫的交互效果似乎更吸引人,但打開網(wǎng)站第一眼的驚艷,來自于產(chǎn)品圖片本身的精致感。正是產(chǎn)品圖與背景的巧妙融合,完美展現(xiàn)了定制的個性化,才能發(fā)揮交互效果的最大作用。3、EverEarth 關(guān)鍵詞:360度水平旋轉(zhuǎn)展示 產(chǎn)品圖動態(tài)旋轉(zhuǎn) 視差滾動 全面了解產(chǎn)品EverEarth是由AnyForWeb開發(fā)的網(wǎng)站,該網(wǎng)站的整體風(fēng)格清新,產(chǎn)品圖片全部是拍攝的高清圖片,從不同角度展現(xiàn)產(chǎn)品細節(jié)。與折疊刀定制案例不同的是,產(chǎn)品圖
4、片是自動360度水平旋轉(zhuǎn),非常方便用戶查看產(chǎn)品各個側(cè)面的細節(jié),幫助用戶全面了解產(chǎn)品,感覺與產(chǎn)品更貼近。與靜態(tài)圖相比,動態(tài)影像顯然更容易得到人的注意力,不過對任何效果來說,只有適合的才是最好的。針對某些行業(yè)的產(chǎn)品,高清產(chǎn)品圖片和360度水平旋轉(zhuǎn)展示可以發(fā)揮更好的作用,比如大型機械設(shè)備、精密儀器、珠寶等產(chǎn)品。4、POSCO關(guān)鍵詞:線形圖 風(fēng)格統(tǒng)一 專業(yè)性POSCO網(wǎng)站的線形矢量圖和線形圖標(biāo)是網(wǎng)站的一個特色。這種獨特的線形圖,看起來簡潔、形象。該網(wǎng)站中的線形圖有兩個重要作用,一是當(dāng)多個頁面使用風(fēng)格一致的線形圖時,讓網(wǎng)站具有統(tǒng)一性,能為網(wǎng)站塑造一種簡單、專業(yè)的形象。另一個作用是,用戶即使不看文字,也能
5、通過線形圖了解文字傳達的含義。通常,線形圖可以起到傳遞信息的作用,好的線形圖可以作為網(wǎng)站統(tǒng)一而獨特的元素,讓網(wǎng)站具有一種設(shè)計感。5、POSCO關(guān)鍵詞:信息圖 可視化 易于傳播同樣在POSCO網(wǎng)站上,還采用了扁平化的信息圖設(shè)計。該網(wǎng)站中,信息圖將數(shù)據(jù)、文字轉(zhuǎn)化為更直觀的可視化形式,讓人更容易理解和感受。與文字相比,該案例使用更富有吸引力的信息圖,并且其配色和網(wǎng)站整體風(fēng)格相一致,讓用戶的注意力集中在數(shù)據(jù)上,讓人在腦海中迅速建立可視化印象。在網(wǎng)站中合理使用信息圖,是提升傳播效果的最優(yōu)途徑之一。6、Glanway伽然關(guān)鍵詞:流程圖 直觀 易理解 人文精神在Glanway伽然的招聘申請中,以流程圖的形式
6、展現(xiàn)了招聘申請流程,看上去一目了然。上圖的整個流程用圖標(biāo)、線條、文字搭配展現(xiàn),強化了流程的圖順序,并視覺上增加了文字排版樣式,顯得美觀。從視覺效果來說,純粹的文字描述在網(wǎng)頁中顯得單調(diào)或呆板,而不同樣式的流程圖往往比文字有更多樣式,甚至讓用戶感到操作步驟簡化,進而刺激用戶反應(yīng)、促使人行動。7、Vito Salvatore關(guān)鍵詞:手寫文字 情懷 經(jīng)典 產(chǎn)生共鳴如果讓你用圖片表達紀(jì)念,你會用什么樣的圖?在Vito Salvatore網(wǎng)站上,一張和背景融為一體的照片讓人不由自主產(chǎn)生一種紀(jì)念的心情。大背景圖模糊化,讓人的視覺集中在“照片”中的路虎車和人物上,色彩的巧妙變化,讓照片與周邊壞境融為一體,又凸
7、顯了層次感。路虎第一款發(fā)現(xiàn)在1989年推出,照片下手寫的“1989”讓紀(jì)念味兒更濃,再加上包含“25 Years”的大號文字,讓整個頁面渲染出一種經(jīng)典的感覺。該網(wǎng)站此處圖片的使用,能夠激發(fā)用戶情感,引起用戶共鳴。8、The Lounge關(guān)鍵詞:手繪風(fēng) 人物真實形象 親切感 人情味The Lounge網(wǎng)站中,服務(wù)人員全部采用了手繪風(fēng)的人物真實形象,是網(wǎng)站的一個特色。該網(wǎng)站的真實人物形象展現(xiàn)讓用戶感受到服務(wù)背后有活生生的人,體驗到一種真實感和親切感。這種親切友好更有人情味,比較容易讓用戶產(chǎn)生信賴,無形中提升了網(wǎng)站用戶體驗。另外,網(wǎng)站設(shè)計與業(yè)務(wù)緊密聯(lián)系,手繪風(fēng)格更是體現(xiàn)了一種藝術(shù)氣息,巧妙傳遞該企業(yè)
8、的業(yè)務(wù)特色。但設(shè)計師們需要注意,應(yīng)謹慎選擇和設(shè)計人物真實形象,因為不恰當(dāng)?shù)娜宋镎掌霈F(xiàn)在網(wǎng)站上,反而影響網(wǎng)站瀏覽效果。該網(wǎng)站能夠取得更好效果的原因是:從整體看,無論是左側(cè)的真實人物形象,還是右側(cè)的手繪人物、以及其他元素(梳子、剪刀等)風(fēng)格統(tǒng)一,而且在配色上協(xié)調(diào)、融合,讓網(wǎng)站整體風(fēng)格保持著一致。9、La Baldufa關(guān)鍵詞:卡通圖 情感化 打動用戶La Baldufa網(wǎng)站的產(chǎn)品采用了大量可愛的卡通圖,充滿了童趣。在網(wǎng)站上,所有的卡通圖顏色鮮亮柔和,顯得活潑可愛,非常符合嬰幼兒用品給人的感受。并且卡通圖的背景采用圓角設(shè)計,潛在蘊含并傳達出產(chǎn)品的安全性,也更好地襯托網(wǎng)站整體的卡通風(fēng)格。該網(wǎng)站的卡通圖符合產(chǎn)品定位,不僅是為了展示產(chǎn)品,還從整體營造了一種稚嫩、溫馨的氛圍,可以喚起人內(nèi)心的柔軟,打動用戶。10、G關(guān)鍵詞:卡通手繪風(fēng) 個性化 高識別度G網(wǎng)站采用了卡通手繪風(fēng)格的設(shè)計,首頁的圖是一個特征鮮明的人物形象,不管是人物發(fā)型、神態(tài),還是動作,都展現(xiàn)一種強烈的個性化。這種卡通手繪風(fēng)格的圖塑造的個性化非常獨特,能吸引用戶的注意
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 課題申報參考:教育家精神引領(lǐng)高校思政課教師職業(yè)素養(yǎng)評價體系建構(gòu)研究
- 二零二五版鋁合金建筑模板采購協(xié)議書4篇
- 商場內(nèi)品牌專賣店裝修許可協(xié)議(2025年)2篇
- 2025年度苗木種植與林業(yè)產(chǎn)業(yè)發(fā)展合作合同4篇
- 二手房合作投資合同模板2024版B版
- 二零二五年度人工智能教育培訓(xùn)合同補充協(xié)議6篇
- 二零二五年度旅行社與航空公司合作協(xié)議書3篇
- 2025年度品牌跨界合作與品牌授權(quán)合作協(xié)議4篇
- 二零二五版?zhèn)€人貸款居間中介服務(wù)協(xié)議書6篇
- 2025年度個人房產(chǎn)抵押借款合同規(guī)范文本8篇
- 【寒假預(yù)習(xí)】專題04 閱讀理解 20篇 集訓(xùn)-2025年人教版(PEP)六年級英語下冊寒假提前學(xué)(含答案)
- 2024年智能監(jiān)獄安防監(jiān)控工程合同3篇
- 2024年度窯爐施工協(xié)議詳例細則版B版
- 幼兒園籃球課培訓(xùn)
- 【企業(yè)盈利能力探析的國內(nèi)外文獻綜述2400字】
- 統(tǒng)編版(2024新版)七年級《道德與法治》上冊第一單元《少年有夢》單元測試卷(含答案)
- 100道20以內(nèi)的口算題共20份
- 高三完形填空專項訓(xùn)練單選(部分答案)
- 護理查房高鉀血癥
- 項目監(jiān)理策劃方案匯報
- 《職業(yè)培訓(xùn)師的培訓(xùn)》課件
評論
0/150
提交評論