您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 設(shè)計(jì)欣賞 >> 瀏覽設(shè)計(jì)教程

2015騰訊大秦網(wǎng)首頁(yè)全新設(shè)計(jì)改版

大秦網(wǎng)首頁(yè)設(shè)計(jì)改版


寫(xiě)在前面的話(huà)

越來(lái)越多的電子閱讀設(shè)備已經(jīng)包圍了我們的生活,翻閱紙質(zhì)讀物的時(shí)間越來(lái)越少了。雖然網(wǎng)絡(luò)時(shí)代信息傳播確實(shí)迅捷,然而有一些閱讀的樂(lè)趣確是它們不好取代的,比如翻翻雜志時(shí)的愜意感。

設(shè)計(jì)總是有初衷的

因此,使你的閱讀如清風(fēng)徐來(lái)就是我本次設(shè)計(jì)的初衷。

風(fēng)格是必須要有的,就像人格

我將雜志風(fēng)格的元素融入到了頁(yè)面設(shè)計(jì)中,但不僅僅是平移。

配色和配菜是一樣的

配色方案選取網(wǎng)站主題藍(lán)色,以它為基準(zhǔn)配以輔助色。正文選色是改變了以往的物理灰,特意選取了揉進(jìn)主題藍(lán)色的高級(jí)灰。如此一來(lái),之前的物理灰就不再呈現(xiàn)視差的暖偏色了,更好的與整體頁(yè)面結(jié)合在了一起。


大秦網(wǎng)首頁(yè)設(shè)計(jì)改版


關(guān)于細(xì)節(jié) 你發(fā)現(xiàn)了嗎

在這一版當(dāng)中,與以往一樣,有需要加“更多”跳轉(zhuǎn)的版塊,然而我是絕對(duì)不會(huì)讓它的樣子長(zhǎng)得和以往一樣的。我將它設(shè)計(jì)成一枚加號(hào)圓鈕,讓它看上去更簡(jiǎn)潔,更像雜志排版,沒(méi)有文字標(biāo)注,只運(yùn)用它的形態(tài)語(yǔ)言。這么做還有一個(gè)原因,是留足夠的空間用來(lái)讓版式透氣。


大秦網(wǎng)首頁(yè)設(shè)計(jì)改版


除了大頭條 小頭條還有新玩兒法

如果說(shuō)門(mén)戶(hù)網(wǎng)站首屏焦點(diǎn)圖是龍眼,那么頭條就是靈魂。

我們懂得將大頭條和二頭條放大字號(hào),提亮,甚至加粗。但是當(dāng)三頭條也要一起來(lái)展示的時(shí)候,總得有個(gè)主次了吧?那么,打算把三頭條湊合塞在底端對(duì)齊嗎?NO!堅(jiān)決不能夠~三頭條的字號(hào)小,字體單薄,隊(duì)伍孤單,但這并不影響它的地位。既然它孤單,那就讓它做標(biāo)新立異的那一個(gè)一樣精彩。因此,我設(shè)計(jì)了與整體配件統(tǒng)一的線(xiàn)形小標(biāo)簽,像私人高級(jí)定制禮服一樣,這是三頭條的私人訂制標(biāo)簽。有了這個(gè),大頭條二頭條和三頭條就可以一起愉快的玩耍下去了。


大秦網(wǎng)首頁(yè)設(shè)計(jì)改版


高大上與接地氣并不矛盾

沒(méi)有三秦文化氣息的大秦網(wǎng)頁(yè)面是不科學(xué)的。

每一次改版設(shè)計(jì)的意義就在于:讓我們一直貫穿的現(xiàn)有,變的一次比一次漂亮。

選擇手寫(xiě)書(shū)法是對(duì)文化的一種詮釋?zhuān)呒?jí)灰和主題藍(lán)的跳色搭配是對(duì)以往欄目標(biāo)題形式的一次提升。使它看上去更明朗,更清新。


大秦網(wǎng)首頁(yè)設(shè)計(jì)改版


紙媒界有句名言:浪費(fèi)就是高貴

如果你常翻閱雜志和紙質(zhì)書(shū)籍,會(huì)有一個(gè)印象,常常有大大的圖,少少的文字,讓你在翻閱的時(shí)候產(chǎn)生舒展的賞心悅目感。

這個(gè)神奇的作用來(lái)源于兩個(gè)字:留白

與以往網(wǎng)媒頁(yè)面形式不同,這次我在首頁(yè)特意做了較大面積的留白。頁(yè)面需要舒展,眼球需要舒緩,閱讀需要輕松,大腦需要思考。這就是為什么用電子設(shè)備閱讀新聞資訊會(huì)讓人越來(lái)越急促,越來(lái)越快速的原因。那種快速的頻率,久了,會(huì)讓人消化不良。


大秦網(wǎng)首頁(yè)設(shè)計(jì)改版


鼠標(biāo)滑過(guò)可以是一條精致的細(xì)線(xiàn)

北京話(huà)形容又大又笨有個(gè)詞兒叫做:彪。

你所見(jiàn)過(guò)的鼠標(biāo)滑過(guò)一定會(huì)有很多很多形式,但不一定是最好的。大面積遮罩或放大或浮層,相比之下會(huì)顯得有些莽撞。那么為什么不能是一條精致的細(xì)線(xiàn)呢?當(dāng)然可以。


大秦網(wǎng)首頁(yè)設(shè)計(jì)改版


雜志的小線(xiàn)索你可記得

虎頭蛇尾不是好文章,設(shè)計(jì)稿當(dāng)然也是一樣。

底部版塊+Foot部分,保持了整體頁(yè)面的雜志風(fēng)格。體現(xiàn)在小細(xì)節(jié)上讓它既不搶首屏的風(fēng)頭,也要保證結(jié)尾的精彩。就像奧斯卡最佳配角那樣。


大秦網(wǎng)首頁(yè)設(shè)計(jì)改版


[教程作者:Eva_YE]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/de2859.html
20個(gè)精巧微妙的漸變色網(wǎng)頁(yè)設(shè)計(jì)
繼續(xù)無(wú)碼!12個(gè)無(wú)版權(quán)限制的高清圖庫(kù)站
圖趣網(wǎng)微信
建議反饋
×