網(wǎng)站設(shè)計(jì)

Website development

關(guān)于專題頁設(shè)計(jì)的那些事第二篇

發(fā)布時間：2016-09-14 09:13:09

非正常結(jié)構(gòu)常見處理案例

非正常結(jié)UE通常內(nèi)容少，沒固定框架，設(shè)計(jì)師可根據(jù)主題隨意發(fā)揮，BUT！作為設(shè)計(jì)又不是時刻都有好點(diǎn)子，那么我們就找一些設(shè)計(jì)方法，讓你的專題“很特別”NO1模塊幾何化、NO2場景擬物化

給每個模塊整合處理成一個幾何圖形，讓頁面看起來富有節(jié)奏

參與活動有獎品？那么畫一個大禮盒給你，堆滿各種小物件的教室是否有身臨其境的感覺

> 配色

專題頁的主色調(diào)在風(fēng)格定位階段設(shè)計(jì)師應(yīng)該有了明確方向，那么讓整個頁面看起來和諧，在輔助色的使用中可以借鑒一些成熟的方案、方法：色向環(huán)\配色表、黑白灰疊加、抄現(xiàn)實(shí)

如果找顏色表和現(xiàn)實(shí)所需有差距，那么定一個主色調(diào)，在圖層上疊加黑白更省時，或者拖來張自然風(fēng)景打馬后顏色是不是很和諧

> 排版

專題頁首先它是一個功能頁，視覺沖擊力夠強(qiáng)，結(jié)構(gòu)夠新穎，它可以是件優(yōu)秀的藝術(shù)品而非優(yōu)秀的商品，給用戶一個清晰有序的閱讀體驗(yàn)是極關(guān)重要的。整體統(tǒng)一、突出按鈕、體現(xiàn)層級、圖形引導(dǎo)，排起版來so easy!

> 細(xì)節(jié)

至此，頁面已經(jīng)完成，那么再給它加點(diǎn)兒小元素裝飾一下，雖然它不是必需品，但至少會讓頁面多一分姿色，對嗎？

無論是圖一中揮動小手的動態(tài)影子、還是圖二中散落碎片中遠(yuǎn)景的處理、圖三中每件獎品高光及陰影的處理無不體現(xiàn)設(shè)計(jì)師在細(xì)節(jié)處理上所下功夫，是否感覺多了些動感和層次？

> 實(shí)踐

《大話水滸》是一款Q版網(wǎng)游，游戲玩家年齡層次以少男少女為主，產(chǎn)品要做一個婚禮為主題的專題，要求熱鬧、活潑，提供兩張人物原畫必須使用，其它則是一些游戲截圖。以下是拿到的所有資料及UE。

經(jīng)過溝通大致定位

因主內(nèi)容偏少，在布局上可操控空間較大，如把每個模塊采用幾何圖形擺放，雖節(jié)奏性較好，但略顯死板。為貼合專題主題，決定將頁面主體模擬一個特定場景——婚禮現(xiàn)場的樣子。

首先利用現(xiàn)有素材拼出主場景圖，偶然水平復(fù)制后竟出現(xiàn)個心形，接下來處理標(biāo)題區(qū)、中長景、添加引導(dǎo)文字、增加遠(yuǎn)影細(xì)節(jié)，完成了。

原創(chuàng)不易，未經(jīng)授權(quán)，嚴(yán)禁轉(zhuǎn)載

原文地址：http://mpian.cn/i,72,6828,0.html

上一篇：網(wǎng)站建設(shè)方案一般有哪些？

下一篇：【官方說法】百度不收錄原因分析——spider抓取篇

您還有可能感興趣的內(nèi)容

1教育類規(guī)劃網(wǎng)站專題頁設(shè)計(jì)注意要素

建站流程

Website development

網(wǎng)站需
求分析
網(wǎng)站策
劃方案
頁面風(fēng)
格設(shè)計(jì)
程序設(shè)
計(jì)研發(fā)
資料錄
入優(yōu)化
確認(rèn)交
付使用
后續(xù)跟
蹤服務(wù)
+86 10 64758810
18510861135

熱門標(biāo)簽

Website development

客戶評價

更多+

感謝云智互聯(lián)，系統(tǒng)提前完成，在整個項(xiàng)目周期內(nèi)，云智互聯(lián)對待我們并不像是對待客戶，更像是朋友一樣，每一次，都能以專業(yè)的角度向我們提出更合理、更有效的解決方案，并快速、細(xì)致地完成我們的每一個需求，再次感謝以至誠之心做事的云智互聯(lián)團(tuán)隊(duì)。

潘濤
我是東方龍馬集團(tuán)，在云智家做了2個企業(yè)官網(wǎng)，服務(wù)態(tài)度超級好。如果想做網(wǎng)站，選擇他家一定不后悔。性價比高，服務(wù)態(tài)度好。值得你的信賴！

譚嬌
技術(shù)好，設(shè)計(jì)精良，操作便利，很專業(yè)！配套的服務(wù)和后續(xù)的服務(wù)都很好,網(wǎng)站封面堪稱精品，運(yùn)行方便，后臺操作的簡單。技術(shù)還會耐心教我,很好的云智互聯(lián)（北京）科技有限公司，建站很不錯的。

陳曦
不錯，價格比較合適，重點(diǎn)是響應(yīng)速度蠻快，有什么問題都會馬上給你解決，公司很滿意，因?yàn)樗麄兌际轻槍γ總€項(xiàng)目建了相應(yīng)的討論組，有問題可以再里面提出，人員分工到位，解決問題很及時。

張經(jīng)理