2015騰訊大秦網(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é)合在了一起。
關(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)讓版式透氣。
除了大頭條 小頭條還有新玩兒法
如果說(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è),大頭條二頭條和三頭條就可以一起愉快的玩耍下去了。
高大上與接地氣并不矛盾
沒(méi)有三秦文化氣息的大秦網(wǎng)頁(yè)面是不科學(xué)的。
每一次改版設(shè)計(jì)的意義就在于:讓我們一直貫穿的現(xiàn)有,變的一次比一次漂亮。
選擇手寫(xiě)書(shū)法是對(duì)文化的一種詮釋?zhuān)呒?jí)灰和主題藍(lán)的跳色搭配是對(duì)以往欄目標(biāo)題形式的一次提升。使它看上去更明朗,更清新。
紙媒界有句名言:浪費(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ì)讓人消化不良。
鼠標(biāo)滑過(guò)可以是一條精致的細(xì)線(xiàn)
北京話(huà)形容又大又笨有個(gè)詞兒叫做:彪。
你所見(jiàn)過(guò)的鼠標(biāo)滑過(guò)一定會(huì)有很多很多形式,但不一定是最好的。大面積遮罩或放大或浮層,相比之下會(huì)顯得有些莽撞。那么為什么不能是一條精致的細(xì)線(xiàn)呢?當(dāng)然可以。
雜志的小線(xiàn)索你可記得
虎頭蛇尾不是好文章,設(shè)計(jì)稿當(dāng)然也是一樣。
底部版塊+Foot部分,保持了整體頁(yè)面的雜志風(fēng)格。體現(xiàn)在小細(xì)節(jié)上讓它既不搶首屏的風(fēng)頭,也要保證結(jié)尾的精彩。就像奧斯卡最佳配角那樣。
本文地址:http://m.likemindfilms.com/tutorial/de2859.html
您可能還喜歡
- 干貨分享!推薦8個(gè)高清無(wú)水印無(wú)版權(quán)可商
- 國(guó)外黃色網(wǎng)站系列欣賞之一
- 7款簡(jiǎn)約線(xiàn)條的免費(fèi)英文字體
- 國(guó)外最好的22個(gè)配色網(wǎng)站
- 10個(gè)高清多邊形的設(shè)計(jì)背景紋理素材下載
- 2015年最優(yōu)秀的20款網(wǎng)站配色方案
- 網(wǎng)易的404公益廣告頁(yè)面
- 簡(jiǎn)潔大氣時(shí)尚網(wǎng)頁(yè)背景匯集(附下載)
- 20套免費(fèi)的純色網(wǎng)頁(yè)小圖標(biāo)
- 30個(gè)“簡(jiǎn)潔大氣國(guó)際化”的網(wǎng)頁(yè)設(shè)計(jì)欣賞
- 專(zhuān)訪(fǎng):石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(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ì)系列文章(二):全屏