圖片加載失敗
首頁 動态

Our News

動态

爲何好(hǎo)創意有時會扼殺優秀的網頁設計

注:如本站轉載的教程文章涉及版權等問題,請作者與我聯系,我將(jiāng)在第一時間删除! 聯系E-mail:給我留言 可能(néng)讓你選擇設計之路的是超越常人的創意思維,但是有的時候,太多的創意反而會扼殺好(hǎo)設計。

之前我一直認爲,越富有創意的人越容易成(chéng)爲優秀的設計師,然而當我對(duì)設計了解的越多,就越發(fā)覺得創意并非設計的全部。

推動你進(jìn)入設計之門的創意,可能(néng)并不是帶你走的最遠的因素。許多設計師通常是作爲視覺設計師入行,随後(hòu)開(kāi)始接觸UI界面(miàn)、可用性、可訪問性、用戶體驗、交互設計,逐步轉型成(chéng)爲UI設計師、用戶體驗設計師和交互設計師。

的确,創意、靈感和創造的熱情“勾引”著(zhe)你進(jìn)入設計的領域,然而當你想成(chéng)爲更優秀的設計師之時,你會發(fā)現太多的創意會對(duì)你的設計造成(chéng)傷害。

天貓&京東,内蒙古電商品牌策劃,内蒙古微信營銷,内蒙古微網站,呼和浩特電商品牌策劃,呼和浩特微信營銷,呼和浩特微網站,内蒙古網站制作,内蒙古網站設計,内蒙古網站建設,呼和浩特網站建設,呼和浩特網站制作、呼和浩特網站設計首選内蒙古呼和浩特先誠網絡科技公司。先誠官網:/

爲什麼(me)?

主要原因是我們是在爲用戶而設計。這(zhè)一點你越早覺悟越好(hǎo)。用戶心理變化一定是複雜的,但是有一點是肯定的:默認情況下,用戶是懶惰的,他們會選擇最快捷最方便的方式來完成(chéng)操作和任務。太複雜的布局、太富有創意的解決方案和重新造出來的輪子并不能(néng)讓用戶更輕松,結果可想而知。

所以,設計師的問題變成(chéng)了這(zhè)樣(yàng):如何在創造性、藝術性和原創設計之間找到平衡,并且還(hái)得兼顧直觀性,又不失實用性,同時還(hái)能(néng)在業務上有良好(hǎo)的反饋?

從成(chéng)型的原型構思開(kāi)始根據谷歌的研究結果,用戶更喜歡看起(qǐ)來簡單(低複雜度)且熟悉(高典型性)的網站。

當人們打開(kāi)你的網頁,隻需50毫秒他們對(duì)于你的網站就有了設計審美上的判斷結果。對(duì)你品牌和産品的第一印象就這(zhè)麼(me)形成(chéng)了,是走是留幾乎就在這(zhè)一瞬間被(bèi)決定了。

“當設計與用戶的期待所沖突的時候,用戶對(duì)你的設計的第一印象會因此受到傷害,失望在所難免。”

——Javier Bargas-Avila ,YouTube 用戶體驗中心,高級用戶體驗研究員

你可能(néng)看過(guò)數以千計的網站,當我問你如何設計一個博客網站的時候,你想到的布局可能(néng)是這(zhè)個樣(yàng)子:

prototype-1

我們幾乎可以針對(duì)所有類型的網站都(dōu)做一次這(zhè)樣(yàng)的測試:電商網站、企業網站、大學(xué)官網、産品展示、媒體網站、電子雜志,等等等等。

所以,一個博客網站的原型并不複雜,左側是大塊的内容區,右側一個功能(néng)性的側邊欄,它可能(néng)會包含推薦、廣告、社交媒體、郵件訂閱等功能(néng)模塊。

是否每個博客都(dōu)是這(zhè)一個樣(yàng)子呢?并不一定,但是絕大多數的博客會選擇這(zhè)樣(yàng)的布局。

當用戶打開(kāi)你的博客的時候,他們知道(dào)在側邊欄注冊,找到你的社交媒體帳号。當這(zhè)種(zhǒng)設計成(chéng)爲約定俗成(chéng)的設定之時,用戶無疑會感到自然而方便,但是如同它不存在,用戶找不到自然會覺得沮喪。

因此,我相信心中始終對(duì)特定類型的網頁有個合理的原型,會非常有助于設計。在此基礎上,你可以嘗試調整細節,改變模塊與風格,測試不同的想法,加入原創的設計。

prototype-2

當然,所有的這(zhè)一切都(dōu)是基于你的目标用戶來做的。如果你的網站是爲創意工作者所設計,他們的預期可能(néng)同普通用戶截然不同。一個典型的類型化網站對(duì)他們而言無疑是無聊的,他們需要的是更加廣闊的思路和更加開(kāi)放的腦洞。

另一方面(miàn),如果你的網站并不是爲特定群體而設計,你可能(néng)需要用更加穩妥的設計來确保安全,盡量靠近那些典型的網站設計原型才好(hǎo)。這(zhè)個時候,太過(guò)富有創意的設計,會讓有所期望的用戶感到失望,混亂,甚至離開(kāi)。

别讓用戶思考

其實網絡上早就有約定俗成(chéng)的設計标準,比如LOGO多大、導航如何布局、搜索框在哪個地方和登錄框在哪,等等。甚至于圖标的含義,網站元素的命名(比如Home、Sitemap、Contact),按鈕的樣(yàng)式,布局和視覺的層次都(dōu)有規則。

這(zhè)些标準使得用戶更容易、更快地找到他們想要的東西。盡量使用這(zhè)些約定俗成(chéng)的規則來做設計,讓創意在其他的地方發(fā)揮作用。

ui-elements1

這(zhè)些流行的UI元素都(dōu)是用戶所熟悉的樣(yàng)式。

還(hái)是不要重新發(fā)明輪子了。我想你并不希望你的設計從導航欄就開(kāi)始遠離用戶預期,也不想看到用戶面(miàn)對(duì)網站中别出機杼的圖标一臉懵逼的樣(yàng)子。請務必記住,用戶希望盡量直接快速地完成(chéng)自己的任務,别讓他們猶豫,别讓他們思考。

特定的界面(miàn)層級所能(néng)承受的内容的量是相對(duì)固定的,你的網站設計的結構層級越複雜,所成(chéng)承載的信息量自然也越大,但是用戶用來探索網站所需要耗費的精力就越多。

如果你打破網頁設計的慣例,自然也有有例外的方案。如果你确切地知道(dào)你的網站用戶群的話,你不同凡響的設計是用來給他們提供發(fā)掘的樂趣,那麼(me)這(zhè)種(zhǒng)設計是合乎邏輯的。

我想你已經(jīng)看過(guò)不少獨樹一幟的作品展示類的網站了,它們有的會用少見的水平滾動式頁面(miàn)來營造不同的浏覽體驗。這(zhè)些有趣的探索會得到設計師和創意工作者的追捧,這(zhè)種(zhǒng)情況就是我所說的例外。

但是這(zhè)樣(yàng)的創意并不适合本地圖書館和市醫院的官方網站設計,因爲網站面(miàn)向(xiàng)的用戶群體非常的廣泛,有許多用戶并沒(méi)有豐富的網站浏覽經(jīng)驗,這(zhè)樣(yàng)的設計會讓他們感到困擾,所以并不存在這(zhè)種(zhǒng)創意發(fā)揮的空間。

同樣(yàng)的,我強烈建議依照慣例來進(jìn)行設計,如果要進(jìn)行改變和調整,盡量在測試之後(hòu)再做決策。

不要隻相信直覺——看看用戶是怎麼(me)想的吧。如果你是新設計方案的提出者,那麼(me)你應當承擔起(qǐ)新方案可用性測試的測試工作。

在視覺設計時發(fā)揮創意

既然前面(miàn)提了那麼(me)多“不能(néng)動”的領域,那麼(me)網頁設計的樂趣又在什麼(me)地方呢?

在做視覺設計的時候,你可以、也應該發(fā)揮創意。嘗試不同的字體和色彩搭配,在布局、留白、間距當中尋找視覺的醜奴兒歌詞,在插畫和滾動特效裡(lǐ)讓用戶驚豔。

尋找創造性的方案來簡化設計,極簡主義并不是讓你隐藏功能(néng)和内容,而是通過(guò)減少來提升效果。的确,實際上做極簡設計反而比複雜的設計更需要創造力。

幫助你的用戶在較少的步驟和較短的時間内達成(chéng)目标吧。用創意來幫用戶解決問題,或者打破你的視覺設計引入更多模式化的設計來搞定問題,再不行也可以使用行動召喚來解決矛盾。

仔細想想,在慣例、标準之外,創意在網頁設計中有著(zhe)足夠多的發(fā)揮空間。

不要誤會我的意思——創意和樂趣始終存在于網頁設計工作當中,但是你需要清楚哪裡(lǐ)需要規則來約束,而哪裡(lǐ)需要創意來揮灑。

原文地址:rafaltomal

原文作者:Rafal Tomal

優設譯文:@陳子木

注:本文均來自百度搜索,如涉及版權問題,請聯系我們,我們會第一時間解決。