首頁(yè)

淺談網(wǎng)頁(yè)UI之Banner篇

藍(lán)藍(lán)設(shè)計(jì)的小編

關(guān)于網(wǎng)頁(yè)UI,UE之類(lèi)的論點(diǎn)文章網(wǎng)上太多了,更多大師將這些大師分析到,無(wú)論是開(kāi)發(fā)領(lǐng)域還是設(shè)計(jì)領(lǐng)域,這些真正的大師所發(fā)表的文章都從不賣(mài)弄自己,更多的分析而無(wú)私的供獻(xiàn)自己的獨(dú)道見(jiàn)解,他們所寫(xiě)博文與其它政治、娛樂(lè)、商業(yè)等領(lǐng)域所發(fā)表的博文完全不同類(lèi)型,我不是大師,但我很崇拜大師。

一個(gè)頁(yè)面最醒目最吸引用戶(hù)的應(yīng)該是Banner了,尤其是Web2.0平臺(tái)Banner顯得更突出,Banner主要體心意旨,形象鮮明的展示所要表達(dá)的內(nèi)容。因?yàn)樗涯?,所以放一個(gè)很糟蹋的Banner上去效果也當(dāng)然“醒目”了。因此網(wǎng)頁(yè)Banner設(shè)計(jì)在這里起到了至關(guān)重要的作用,特別是首頁(yè)的Banner,直接決定了用戶(hù)的停留,下面讓我們通過(guò)大量?jī)?yōu)秀的案例進(jìn)入Banner,走進(jìn)大師們的靈感世界。


1.大面積的Banner

Banner_1.jpg

拒絕平庸——淺談WEB登錄頁(yè)面設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

  用戶(hù)活躍度是檢驗(yàn)產(chǎn)品成功與否的重要指標(biāo)之一,傳統(tǒng)行業(yè)的商家極為重視門(mén)面的裝潢,因?yàn)橐粋€(gè)好的門(mén)面可以聚集人氣,招攬更多的顧客。古時(shí)候的大戶(hù)人家院子門(mén)口的石獅子或其他的擺件的擺放極為講究,有一定的風(fēng)水學(xué)說(shuō)道理,更能彰顯主人家的身份地位.由此可見(jiàn),“門(mén)面’就如人的臉面之于人的形象一樣重要,而WEB的登錄頁(yè)面就相當(dāng)傳統(tǒng)的“門(mén)面”。

尋找設(shè)計(jì)的動(dòng)機(jī)和方向

藍(lán)藍(lán)設(shè)計(jì)的小編

做設(shè)計(jì)久了,有時(shí)會(huì)回頭想一下,到底設(shè)計(jì)是什么?

在我理解,設(shè)計(jì)的核心即把握動(dòng)機(jī)、實(shí)現(xiàn)需求,這兩點(diǎn)做到位了的話(huà),整個(gè)產(chǎn)品的架構(gòu)也就自然而然形成,剩下的工作就只是完善和調(diào)整細(xì)節(jié)。

一. 理解動(dòng)機(jī)

要把握動(dòng)機(jī),首先要理解動(dòng)機(jī)。所謂動(dòng)機(jī),我認(rèn)為有三種,而這三種動(dòng)機(jī)就是產(chǎn)品最終形態(tài)的來(lái)源。如果其中一樣沒(méi)有把握好,就無(wú)法做出好的產(chǎn)品。

a. 產(chǎn)品(功能)開(kāi)發(fā)的動(dòng)機(jī)
以前對(duì)這方面不太關(guān)心,做不同的產(chǎn)品都是懷著一樣的態(tài)度一樣的標(biāo)準(zhǔn)去做,作為交互設(shè)計(jì)師,只想著怎樣讓產(chǎn)品好用。但這樣做出來(lái)的設(shè)計(jì)不一定能達(dá)到產(chǎn)品的目標(biāo),不同的產(chǎn)品或功能有對(duì)應(yīng)不同的設(shè)計(jì)對(duì)策,根據(jù)產(chǎn)品開(kāi)發(fā)動(dòng)機(jī)的不同,我將它們分為六大類(lèi):

保守型: 這類(lèi)產(chǎn)品也可以稱(chēng)為跟風(fēng)型,它們的開(kāi)發(fā)動(dòng)機(jī)是“別人有我們也來(lái)搞”,看到這個(gè)產(chǎn)品有盈利可得,就來(lái)湊熱鬧分一杯羹,企業(yè)不會(huì)投入很多資源,產(chǎn)品也一般沒(méi)有很大特色。如果碰到此類(lèi)產(chǎn)品,設(shè)計(jì)師往往很無(wú)奈,如果無(wú)法與PM重新對(duì)產(chǎn)品進(jìn)行定位,只能做些不痛不癢的東西,我們能做的就是通過(guò)設(shè)計(jì)進(jìn)行細(xì)微的改善。

常規(guī)型: 企業(yè)已有的長(zhǎng)期產(chǎn)品,如QQ、騰訊網(wǎng)等。由于產(chǎn)品已經(jīng)比較成熟,提升空間往往在細(xì)節(jié)的體驗(yàn),無(wú)論對(duì)產(chǎn)品還是設(shè)計(jì),摳細(xì)節(jié)很重要,而不是一味地去增加功能。另外,隨著時(shí)間推移以及市場(chǎng)的變化,這些產(chǎn)品的功能以及定位可能會(huì)發(fā)生改變,設(shè)計(jì)思路也應(yīng)隨之轉(zhuǎn)化。

競(jìng)爭(zhēng)型: 例如soso和電腦管家,其開(kāi)發(fā)的動(dòng)機(jī)并不是說(shuō)一定要能打敗百度和360,而是為了填補(bǔ)產(chǎn)品類(lèi)型空洞,占有一部分市場(chǎng),限制競(jìng)爭(zhēng)對(duì)手的發(fā)展,像Tita也是此類(lèi)產(chǎn)品。設(shè)計(jì)的時(shí)候要注意的是,在不損失基礎(chǔ)功能的前提下要有一定的自我特色,差異化及一些小噱頭是吸引用戶(hù)的重要因素。
 

談?wù)凪obile Web App的設(shè)計(jì)方法

藍(lán)藍(lán)設(shè)計(jì)的小編


Native App與Web App的爭(zhēng)論從未停息過(guò),盡管很多人在批判Web App的各種不是,但也阻止不了各種各樣的Web App如雨后春筍般出現(xiàn),尤其是伴隨智能手機(jī)的普及而受到重視的Mobile Web App。這是一種在非議聲里成長(zhǎng)起來(lái)的產(chǎn)品形態(tài),無(wú)論其結(jié)果如何,都應(yīng)該吸引開(kāi)發(fā)者和設(shè)計(jì)師的關(guān)注。
 

logo設(shè)計(jì)需要注意的7個(gè)重要規(guī)則

藍(lán)藍(lán)設(shè)計(jì)的小編

一個(gè)logo最直接的目的就是讓人們一看到它會(huì)說(shuō):“嘿,看看這個(gè),我們?cè)谶@里買(mǎi)得到最好的swatch,我看到湯姆戴著這款swatch真是太完美了,而且時(shí)間沒(méi)有一點(diǎn)誤差。”一個(gè)完美的logo是能立即與使用產(chǎn)品的人聯(lián)系起來(lái),產(chǎn)生共鳴,比如,可口可樂(lè)的標(biāo)志是總所周知的,當(dāng)你看到它的標(biāo)志,你能馬上覺(jué)得你的嘴角邊有果汁的味道。
cocoa在總部大樓的Logo

它體現(xiàn)了logo的一個(gè)最重要的特質(zhì):永恒。自1885年以來(lái),他們都使用相同的標(biāo)志,這是帶來(lái)一種無(wú)形的東西,卻也是他們的一個(gè)重要優(yōu)勢(shì)。
 

優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì):25個(gè)精美的旅游網(wǎng)站設(shè)計(jì)示例

藍(lán)藍(lán)設(shè)計(jì)的小編

旅游公司和旅行社的網(wǎng)站通常都會(huì)搭配非常有吸引力的精美照片,目的是為了突出視覺(jué)吸引力,獲取更多的潛在客戶(hù)。這篇文章向大家分享的25個(gè)精美的國(guó)外旅游網(wǎng)站設(shè)計(jì)作品,你可以從這些優(yōu)秀的網(wǎng)站作品中學(xué)習(xí)大照片在網(wǎng)頁(yè)背景中的應(yīng)用以及制作出多彩的,誘人的網(wǎng)站作品。

 

The Bedford Hotel

The Bedford Hotel

日歷

鏈接

個(gè)人資料

存檔