互聯(lián)網(wǎng)界一直在有提倡簡約設(shè)計的聲音，可簡約設(shè)計有什么小技巧？

作者：龍?zhí)?一個學(xué)日語的產(chǎn)品經(jīng)理。愛貓，愛吐槽。現(xiàn)在在做智能手機(jī)的Rom。

談簡約設(shè)計的書籍有很多，互聯(lián)網(wǎng)界也一直在有提倡簡約設(shè)計的聲音。有人說，看國內(nèi)的各大門戶的設(shè)計，通通都是文字和功能的粗暴堆砌，難道中國人真的不擅長設(shè)計簡約嗎？

產(chǎn)品長什么樣是跟產(chǎn)品的受眾有關(guān)的。我們看國內(nèi)電視購物，從來都是以“有多少功能”的方向來推銷產(chǎn)品的。或許我們的目標(biāo)受眾就是喜歡大而全的東西，并不是設(shè)計師和產(chǎn)品經(jīng)理的錯。為了迎合大環(huán)境的產(chǎn)品需求，我們不得不用各種可有可無的功能點來吸引用戶。

臃腫易煩膩，簡陋生欲望

產(chǎn)品功能多并不是好事，臃腫的功能會讓產(chǎn)品本身的定位和識別度變得稀疏，同時帶來的是在視覺和心理上的壓力。也會讓產(chǎn)品顯得沒有深度，感覺像是一下子就略過了前戲進(jìn)入高潮了。初期的版本，只要保證那些能讓產(chǎn)品的概念成立的關(guān)鍵功能點和特性就行了。

優(yōu)異的用戶界面可以讓用戶用得順心，從而提高轉(zhuǎn)化率(conversion rate)，換言之，好的 UI 在使用與銷售層面上形成雙贏。本文整理了16點優(yōu)化用戶界面的方法，希望對大家有所幫助。

文原作者加拿大UI設(shè)計師Jakub Linowski

單欄型式優(yōu)于多欄

單欄型式讓你更能掌握自己的內(nèi)容，從頂部到底部一氣呵成，用故事引導(dǎo)讀者，最終是要誘引他們「采取行動」(call to action，下稱CTA，意指下載或消費(fèi)等目的);而多欄反而可能導(dǎo)致讀者分心。

不要劈頭銷售產(chǎn)品

「略施小惠」給使用者，販賣的意圖不要設(shè)計得太明顯。小小的優(yōu)惠或禮物，對未來的銷售會帶來大大的幫助。

統(tǒng)一相似的功能，避免支離破碎的UI

瀏覽網(wǎng)站時，我們很常看到琳瑯滿目的元素或特色，但它們的功能毫無二致，而相似的選項太多，只會提高讓使用者無所適從。倘若發(fā)現(xiàn)自己的網(wǎng)站內(nèi)有以不同 型式重復(fù)相同功能的狀況，不妨考慮重新設(shè)計UI，把類似功能整合起來。譬如圖中「Customer Service(客服)」、「Contact Us(聯(lián)系我們)」其實是一樣的意思，應(yīng)當(dāng)保留一個選項就好。

如果您想學(xué)習(xí)設(shè)計logo，或者您已經(jīng)在設(shè)計了，那么不妨來好好看看我們這篇文章，絕對讓您受益匪淺。
本文揭示了Logo設(shè)計技藝中的一切奧秘！從靈感獲取再到細(xì)節(jié)處理。徹頭徹尾改變您對logo設(shè)計的認(rèn)知。

Logo無處不在，Logo能夠起到品牌宣傳、獲取消費(fèi)者認(rèn)知的作用。Logo的核心意義是，通過簡明扼要的品牌形象設(shè)計，勾勒出品牌的核心精神，讓用戶將Logo與企業(yè)完美的聯(lián)系到一塊。

Logo和品牌的關(guān)系是相輔相成的，好的Logo能夠有效的支持產(chǎn)品和企業(yè)形象，而好的企業(yè)形象能讓Logo更加深入人心。

時代一直在變，Logo設(shè)計出現(xiàn)了風(fēng)格多樣、種類繁多的大局面，挑戰(zhàn)也與以往不同了。
設(shè)計師該要如何打造優(yōu)異的原創(chuàng)Logo作品？設(shè)計師要如何在快速創(chuàng)作的同時保證Logo的質(zhì)量？

本文，將致力于講解Logo設(shè)計中的基本原則和專業(yè)性建議，耐心讀完本文，你的Logo設(shè)計將會有質(zhì)的飛躍。

準(zhǔn)備工作

01. 研究用戶

好的Logo設(shè)計不光意味著圖像優(yōu)美——還必須起到品牌傳達(dá)的作用。

Logo設(shè)計，視覺是第一點。還要注意的是，要思考如何通過視覺元素來宣傳推廣品牌形象。因此，Logo設(shè)計的第一步就是要研究面向群體，研究他們是如何看待品牌的，研究他們對什么感興趣。

越早研究用戶越好，這樣就能避免出現(xiàn)根本問題，而且信息傳遞務(wù)求簡潔、清晰、到位。

如果你正在給自己的網(wǎng)站尋找靈感，來看看這些設(shè)計機(jī)構(gòu)網(wǎng)站是一個好的選擇。為了今天的靈感分享我們搜集了一些令人興奮的設(shè)計機(jī)構(gòu)網(wǎng)站，希望大家可以從他們身上學(xué)到一些東西。
在大家瀏覽這些頁面的時候，可以重點關(guān)注一下各個機(jī)構(gòu)/設(shè)計師是通過什么方式來把自己的設(shè)計風(fēng)格帶到頁面中的。

pixies-agency

stereocreative

parall

使用不同的2個或3個色系，進(jìn)行相互搭配，從而產(chǎn)生不同的設(shè)計效果，或沖突或和諧。這是一種前衛(wèi)又時尚的網(wǎng)頁色彩流行趨勢，收集了15個相關(guān)的作品，分享給優(yōu)設(shè)的童鞋們 : ）

如果您想盡快學(xué)會配色請移步這篇人氣超高的文章：設(shè)計師的配色理論：你真懂顏色了嗎？

Uidigital

Decode

“人生太孤單，要找個有趣的人一起過”——王小波

相信大家肯定都喜歡幽默風(fēng)趣的設(shè)計。
當(dāng)流行的扁平化設(shè)計遇到幽默元素，會摩擦住怎樣的火花呢？

幽默的魅力是無窮盡的，它即能夠讓用戶感到有趣，又能夠迅速的吸引用戶的注意。
如果想為網(wǎng)站添加幽默元素，可以有很多種方式，例如：

• 搞笑的錯誤頁面（Team Treehouse）
• 搞笑的Logo(Pixo Creative)
• 卡通式的布局
• 搞怪的背景圖像
• 可愛的圖片
• 讓人爆笑的視覺元素

一旦你做到了有趣，用戶自然就會對你的網(wǎng)站側(cè)目。
我們一起來看看下面這些吸引眼球的幽默案例吧！

相關(guān)推薦：
《激活你的設(shè)計創(chuàng)意！不容錯過的55個創(chuàng)意驚人的網(wǎng)站》
《想設(shè)計自己的網(wǎng)站？先來看這15個優(yōu)秀設(shè)計師的酷站》

@騰訊ecd 星舊：作為未來網(wǎng)頁設(shè)計的熱點趨勢之一的“滾動視差”在近年來被越來越多網(wǎng)站所采用，特殊新穎的展示模式也讓許多用戶眼前一亮。網(wǎng)絡(luò)上也如雨后春筍一般出 現(xiàn)了很多像《30個讓人興奮的視差滾動網(wǎng)站》、《60個視差滾動網(wǎng)站賞析》……等一系列的視差滾動的文章，不過賞析的居多，真正指導(dǎo)設(shè)計師如何去設(shè)計，如 何去實現(xiàn)的實用型文章卻很少。于是萌發(fā)了自己寫一篇的想法，與感興趣的人共同交流下滾動視察設(shè)計時的一些心得。

什么是滾動視差？
視差滾動（Parallax Scrolling）是指讓多層背景以不同的速度移動，形成立體的運(yùn)動效果，帶來非常出色的視覺體驗。

視差效果，原本是一個天文學(xué)術(shù)語，當(dāng)我們觀察星空時，離我們遠(yuǎn)的星星移動速度較慢，離我們近的星星移動速度則較快。當(dāng)我們坐在車上向車窗外 看時，也會有這樣的感覺，遠(yuǎn)處的群山似乎沒有在動，而近處的稻田卻在飛速掠過。許多游戲中都使用視差效果來增加場景的立體感。說的簡單點就是網(wǎng)頁內(nèi)的元素 在滾動屏幕時發(fā)生的位置的變化，然而各個不同的元素位置變化的速度不同，導(dǎo)致網(wǎng)頁內(nèi)的元素有層次錯落的錯覺，這和我們?nèi)梭w的眼球效果很像。我看到多家產(chǎn)品 商用視差滾動效果來展示產(chǎn)品，從不同的空間角度和用戶體驗，起到了非常不錯的效果。

看似復(fù)雜其實這個早就不是什么新鮮事兒，這種設(shè)計思路早在80年代的小霸王學(xué)習(xí)機(jī)上就見過。

在這個畫面里通過人物馬里奧、前景、背景著三個部分的移動速率的不同來實現(xiàn)立體效果。類比網(wǎng)頁也是如此。一個滾動視察的網(wǎng)站至少會有以下幾層 ：背景層，內(nèi)容層，貼圖層。

本文總結(jié)了最近網(wǎng)頁設(shè)計領(lǐng)域比較熱門的幾種技術(shù)，代表了一定的趨勢，設(shè)計師們要跟市場接軌，緊跟潮流的腳步，可以閱讀這篇總結(jié)，肯定大有裨益。

騰訊cdc：技術(shù)的革新帶動了設(shè)計行業(yè)的的迅猛發(fā)展，這使得設(shè)計師和開發(fā)者有了更廣闊的的探索天地。而網(wǎng)頁設(shè)計也越發(fā)不再那么循規(guī)蹈矩，許多團(tuán)隊和公司都做了很多思考和創(chuàng)意。所以在我們適應(yīng)著現(xiàn)代設(shè)計潮流的同時，不妨也來看看現(xiàn)階段網(wǎng)頁設(shè)計大致的趨勢和風(fēng)格吧。

我不敢大言不慚的說這就是網(wǎng)頁設(shè)計的必然趨勢，這只是本人對當(dāng)下網(wǎng)頁設(shè)計做出的一些小總結(jié)。希望這樣的歸類總結(jié)能給你帶來更多的思路和想法。

01. 響應(yīng)式網(wǎng)頁設(shè)計（Responsive Web Design）

現(xiàn)在越來越多用戶都擁有多種終端：臺式機(jī)，筆記本，平板電腦，手機(jī)，能夠適應(yīng)不同尺寸顯示屏的網(wǎng)頁是現(xiàn)在的潮流，甚至是未來很長一段時間的設(shè)計趨勢。那么響應(yīng)式網(wǎng)頁設(shè)計就是來解決這個問題的。這種特別的開發(fā)方式能保證網(wǎng)頁適應(yīng)不同的分辨率，讓網(wǎng)頁要素重組，使其無論在垂直的平板電腦還是智能手機(jī)上，都能達(dá)到最好的視覺效果。

除了多終端的多樣化，我們還可以看到我們的電腦屏幕，手機(jī)屏幕都在不斷變大，而在對未來生活的預(yù)測、概念設(shè)計里，”屏幕”這個產(chǎn)物更是被運(yùn)用到多種新平臺上。例如微軟發(fā)布的”未來生活概念視頻”里，廚房、室內(nèi)墻壁、辦公室玻璃墻面都成為了交互平臺。所以我們可以發(fā)現(xiàn)，響應(yīng)式網(wǎng)頁設(shè)計所具備的良好的適應(yīng)性和可塑性，在未來的網(wǎng)頁設(shè)計里將占有舉足輕重的位置。

時代一直在變，一個又一個的創(chuàng)新讓我們感到驚訝萬分。網(wǎng)頁設(shè)計的趨勢如同流星，光芒耀眼，但來得快、去得也快。雖然跟風(fēng)很不好，顯得毫無設(shè)計主見，但很多設(shè)計潮流確實值得追隨。就像當(dāng)下響應(yīng)式設(shè)計、扁平化設(shè)計、以及滾動視差等。

可是呢，還有很多極為”糟粕”的設(shè)計趨勢，本文一一列舉，請君對號入座。

相關(guān)推薦：
《年終特典！當(dāng)下最熱門的網(wǎng)頁設(shè)計趨勢總結(jié)》
《網(wǎng)頁：滾動視差設(shè)計指南》

1. 除了電話線時代的老頑固，現(xiàn)在已經(jīng)沒人喜歡頁面跳轉(zhuǎn)了

“下一頁”、”下一張”，明明一頁就能展現(xiàn)的內(nèi)容，非要跳轉(zhuǎn)20多次才能看全，你把用戶當(dāng)傻子？操作繁瑣、浪費(fèi)時間、效率低下，沒人喜歡頁面跳轉(zhuǎn)過于頻繁的網(wǎng)頁。

2. 十面埋伏的廣告

確實有很多網(wǎng)站的維持依賴廣告收入，但是廣告的位置一定要合理，不要妨礙用戶瀏覽信息，用戶體驗永遠(yuǎn)位于廣告之上。沒有用戶訪問量，也就沒人找你打廣告。

這不是天方夜譚！你不需要知道HTML、CSS、PHP和其余晦澀難懂的語言。這些工具就像一個圖像編輯器，只需繪制矩形、填充顏色。我知道這很難相信，但他們就是存在！而且全球備受贊譽(yù)！

1、IM Creator

聽我說，我們的IM Creator易用性和多功能性超越了很多客戶的預(yù)期。只需要你把控住超級菜單，根據(jù)您的需要做相應(yīng)的拖放和功能選擇。它們包括視頻、圖片、畫廊和幻燈片、按鈕、超鏈接、甚至一個HTML小部件。

最酷的地方在與你不需要創(chuàng)建繁瑣的帳戶，你可以輕松上路。嘮叨了半天，我差點沒有提到最好的部分：以上所有服務(wù)都是完全免費(fèi)的！

2、WebStartToday.com

如果你是一個細(xì)節(jié)癖，喜歡摳各種設(shè)計細(xì)節(jié)，那么你完全應(yīng)該來看看WebStartToday！這里提供了超過1000個不同的網(wǎng)頁模板來匹配你的需求！甚至那些很少見的模版：旅行、夜生活、豪華轎車服務(wù)、鎖匠、美食、琳瑯滿目數(shù)之不盡！

當(dāng)然這并不意味著我們的模版就是千篇一律，隨處可見的！在這里的模版，可以保證是獨(dú)此一家的，如果你在其他地方發(fā)現(xiàn)了，那一定是他們借了我們的寶貝，偷偷的！