技術(shù)資訊
“不可能完成的任務(wù)”設(shè)計(jì)有感
2008-10-08 08:45:00
奧運(yùn)頻道的特色策劃—“不可能完成的任務(wù)”這個系列專題從視覺設(shè)計(jì)上來看,它融入了許多國際化的元素,配合網(wǎng)友互動平臺,使到整個系列的品質(zhì)感得到有效的推廣。這種模式很適合這個主題,并且在眾多的奧運(yùn)專題頁面中具有比較強(qiáng)的視覺識別性,雖然整個互動的環(huán)節(jié)還有很多細(xì)節(jié)需要完善,但作為一個短期的專題項(xiàng)目來說,它在很多方面做得還是不錯的。
我們在網(wǎng)上可以看到很多網(wǎng)頁,它們從導(dǎo)航、版式和修飾的素材等都在追求“豐富”、“多變”的效果,我認(rèn)為素材運(yùn)用過多,頁面“控制”起來會有相當(dāng)?shù)碾y度?!安豢赡芡瓿傻娜蝿?wù)”在素材的選擇上還是比較統(tǒng)一的,因?yàn)樗鼈兪且幌盗械捻撁?,我們采用一些方法來保持它們之間的一致性。五個專題都統(tǒng)一了頭部的任務(wù)導(dǎo)航,其中包含了各個任務(wù)的入口和信息等。這個導(dǎo)航設(shè)計(jì)可以讓網(wǎng)友以最快的速度明白自己所處的位置以及自己還可以去的位置。頁面構(gòu)成方面,也同樣形成了統(tǒng)一的風(fēng)格,白色的頁面、精致的素材,清晰的按鈕和整齊的排版等,這些已經(jīng)成為它們最主要的視覺特征。因?yàn)槊總€專題從架構(gòu)確定到設(shè)計(jì)出效果圖DEMO的時間都是比較短的,有了統(tǒng)一的視覺樣式來引導(dǎo)的話,可以使得設(shè)計(jì)上的效率明顯提高。
從最早的靜態(tài)頁面,到商業(yè)應(yīng)用網(wǎng)站,后來再到交互性很強(qiáng)的電子商務(wù)網(wǎng)站,等等這些開始時也是比較喜歡亮麗的色彩和很眩的界面的,但是時間長了我們慢慢理解到網(wǎng)頁界面的真正涵意,設(shè)計(jì)思路也有了很大的轉(zhuǎn)變?!安豢赡芡瓿傻娜蝿?wù)”的頁面中,因考慮到它的互動性,功能性的板塊基本上都是集中在了第一屏的位置,去掉了頁面上面多余的修飾,事實(shí)上,現(xiàn)在很多頁面的所謂“修飾”都是拿一些圖片很奇怪地拼湊在了一起,毫無美感可言。所以,我們盡可能減弱那些阻礙使用者操作的東西,而把互動按鈕做得更醒目更吸引人,把指引網(wǎng)友參與的文字類信息放在更恰當(dāng)?shù)奈恢谩R恍╆P(guān)鍵的文字我們會和編輯討論后,最后用一句最簡單、易懂的詞語來表達(dá)。盡量使網(wǎng)友在參與的時候有更流暢的體驗(yàn)。同時還要考慮其他方面的功能,比如后期更新、添加和制作的問題。如果內(nèi)容信息越來越多,要呈現(xiàn)出來,要給人一個好的視覺感受。而且大大小小的圖片、長短不一的文字,需要一個好的排版才能有好的視覺效果。一個好的網(wǎng)頁排版,是能夠適合多數(shù)內(nèi)容的。
同時我們在設(shè)計(jì)上也進(jìn)行了一些嘗試,可以看到頁面上黑、白、灰的大面積地運(yùn)用(這和奧運(yùn)會官方的色彩有點(diǎn)違背);“涅槃北川”大膽的留白手法;“不拿獎牌的巨星”自適應(yīng)的通欄FLASH頭圖推薦位以及LOGO化的標(biāo)題設(shè)計(jì)等等。這些都是以往我們不太常用的做法。可能有人會提出這樣設(shè)計(jì)太小眾,其實(shí)不然, 因?yàn)槿藗兊膶徝朗怯胁粩嗵岣叩男枨蟮?,?dāng)眼睛面對一種東西太久,必定會要求有新鮮的感受來刺激。所以這個設(shè)計(jì)從后期的用戶數(shù)據(jù)來看效果是不錯的。而且,利用空間中的留白是非常重要的,也是提升藝術(shù)性的途徑,很多網(wǎng)頁盡管是設(shè)計(jì)得很精細(xì)很周到,但是看起來顯得乏味,就是沒有控制好留白,造成了整體上的平庸。留白也可以給人帶來心理上的輕松與愉悅, 可以達(dá)到非常好的效果,例如一個生活休閑類的網(wǎng)站,設(shè)計(jì)者要傳達(dá)給使用者的一個信息就是要是讓他們輕松隨意的感受,如果能通過網(wǎng)頁設(shè)計(jì)反映出這種感情色彩,顯然這樣的設(shè)計(jì)是較為高明的設(shè)計(jì)。能實(shí)現(xiàn)嗎?可以的,在網(wǎng)頁上的進(jìn)行恰當(dāng)?shù)牧舭拙涂梢?,讓留白更多的顯示出自己的特色,在圖片和文字的之間留出空間賦予頁面生命力,讓頁面呼吸。
原文:http://www.ued163.com/?p=177
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁面設(shè)計(jì)開發(fā)——移動端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項(xiàng)目
- [2021-03-05 10:34:45] 移動互聯(lián)時代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2008-09-19 11:56:00] 網(wǎng)易的新首頁之惑
- [2008-11-06 16:58:00] 從網(wǎng)易用戶體驗(yàn)談開去
- [2009-03-28 19:00:00] 網(wǎng)易網(wǎng)站設(shè)計(jì)(思想)
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
頁面設(shè)計(jì) 網(wǎng)站制作 網(wǎng)站動畫 青島網(wǎng)頁制作 微信營銷的優(yōu)勢 青島網(wǎng)站建設(shè) 英文網(wǎng)站建設(shè) 青島黃島、紅島網(wǎng)站建設(shè)公司 青島好的網(wǎng)站優(yōu)化公司 海信網(wǎng)絡(luò)科技 微信開發(fā) 青島網(wǎng)站SEO 外貿(mào)網(wǎng)站建設(shè) 集團(tuán)性網(wǎng)站 網(wǎng)站優(yōu)化 青島輪胎網(wǎng)站設(shè)計(jì)公司 html和css 微官網(wǎng) 網(wǎng)站設(shè)計(jì) 青島flash網(wǎng)站 企業(yè)網(wǎng)站 青島網(wǎng)站建設(shè)基礎(chǔ)知識 H5定制設(shè)計(jì) 網(wǎng)站推廣 集團(tuán)官網(wǎng) SEO優(yōu)化 蘋果系統(tǒng) 新的元素 用戶界面 網(wǎng)站改版