今天我們來聊聊如何理性的進(jìn)行設(shè)計(jì)，談?wù)?/span>產(chǎn)品經(jīng)理和設(shè)計(jì)師在工作的過程中怎么樣把幾何學(xué)融入到作品中。幾何設(shè)計(jì)學(xué)的由來設(shè)計(jì)本來就是一種理性的科學(xué)門類，審美因人而異，只有言之有理的設(shè)計(jì)才能說服別人，運(yùn)用幾何學(xué)的手法就是設(shè)計(jì)師的利器之一，科學(xué)的設(shè)計(jì)并不會(huì)限制你的創(chuàng)意，它只會(huì)幫助你的作品成為精品的必要手段之一。

從古至今，人類從自然界中得到過無數(shù)的啟示，其中就包含黃金分割。這個(gè)從貝類完美的生長(zhǎng)方式中提煉出的曲線，改變了所有人的審美。

今天我們來聊聊如何理性的進(jìn)行設(shè)計(jì)，談?wù)?/span>產(chǎn)品經(jīng)理和設(shè)計(jì)師在工作的過程中怎么樣把幾何學(xué)融入到作品中。幾何設(shè)計(jì)學(xué)的由來設(shè)計(jì)本來就是一種理性的科學(xué)門類，審美因人而異，只有言之有理的設(shè)計(jì)才能說服別人，運(yùn)用幾何學(xué)的手法就是設(shè)計(jì)師的利器之一，科學(xué)的設(shè)計(jì)并不會(huì)限制你的創(chuàng)意，它只會(huì)幫助你的作品成為精品的必要手段之一。

從古至今，人類從自然界中得到過無數(shù)的啟示，其中就包含黃金分割。這個(gè)從貝類完美的生長(zhǎng)方式中提煉出的曲線，改變了所有人的審美。

在設(shè)計(jì)網(wǎng)站的時(shí)候，圖片資源會(huì)在很大程度上幫助你設(shè)置站點(diǎn)，以及顏色，排版或者更多內(nèi)容的基調(diào)。如果圖片視覺元素沒有和設(shè)計(jì)正確的結(jié)合，他很可能會(huì)破壞你原本想呈現(xiàn)的感覺。

Navicon，也就是漢堡圖標(biāo)，已經(jīng)成為越來越多網(wǎng)頁(yè)設(shè)計(jì)導(dǎo)航模塊時(shí)的首選了。相比于傳統(tǒng)的導(dǎo)航欄，隱藏式菜單導(dǎo)航在設(shè)計(jì)和用戶體驗(yàn)上有著它獨(dú)到的地方。作為一個(gè)隨著移動(dòng)端設(shè)計(jì)發(fā)展而崛起的網(wǎng)頁(yè)設(shè)計(jì)元素，Navicon并沒有減弱它引導(dǎo)用戶的功能性，也沒有喪失它作為基礎(chǔ)網(wǎng)頁(yè)組件的重要性，還為設(shè)計(jì)師和開發(fā)者提供了更大的創(chuàng)作空間。

如何正確使用Navicon取決于項(xiàng)目的實(shí)際狀況，相對(duì)保守的站點(diǎn)可能不會(huì)考慮這個(gè)選擇，而不少追求時(shí)尚簡(jiǎn)約、多平臺(tái)體驗(yàn)統(tǒng)一的新興網(wǎng)站可能會(huì)更加青睞Navicon，因?yàn)樽鳛閷?dǎo)航接口的它小巧而討喜，輕松配合大圖和時(shí)尚的網(wǎng)頁(yè)設(shè)計(jì)，并且隱藏起復(fù)雜的、零碎的導(dǎo)航內(nèi)容菜單。

Navicon很單調(diào)么？并非如此。借助額外的打開過程動(dòng)效和抓人眼球的細(xì)節(jié)效果，Navicon擁有非常大的提升空間和設(shè)計(jì)可能性以及良好的用戶體驗(yàn)。更重要的是，它適用于各類導(dǎo)航：不僅可以清楚的傳達(dá)信息，而且有助于解決響應(yīng)速度方面的問題，并且能夠促進(jìn)網(wǎng)頁(yè)在多平臺(tái)設(shè)計(jì)上的統(tǒng)一。

如何設(shè)計(jì)一個(gè)靠譜的Navicon：《數(shù)據(jù)告訴你真相！漢堡圖標(biāo)并非最佳菜單方案》
深入了解不同的導(dǎo)航模式：《交互基礎(chǔ)知識(shí)科普！帶你認(rèn)識(shí)最熱門的12種導(dǎo)航模式》

接下來，我們通過一系列的網(wǎng)頁(yè)設(shè)計(jì)，來深入了解Navicon和隱藏式菜單導(dǎo)航的魅力。

eWebDesign

大圖背景和視差強(qiáng)化了網(wǎng)站視覺，Navicon菜單按鈕在右上角，點(diǎn)擊打開你會(huì)看到一個(gè)設(shè)計(jì)非常細(xì)致的導(dǎo)航菜單。

Sampedro

時(shí)尚的照片放置與網(wǎng)頁(yè)的頁(yè)頭，配合著時(shí)髦的Slogan吸引著用戶全部的吸引力。隱藏的導(dǎo)航欄是個(gè)理想的解決方案，它讓用戶將注意力從復(fù)雜的導(dǎo)航轉(zhuǎn)移到內(nèi)容上。

用圖像創(chuàng)造場(chǎng)景感，增強(qiáng)用戶的真實(shí)體驗(yàn)，近些年來，圖片作為背景填充整個(gè)屏幕的設(shè)計(jì)越來越廣泛，曾經(jīng)只有時(shí)尚潮流網(wǎng)站或者攝影類站點(diǎn)才會(huì)特別依賴富有沖擊力的圖像，但是現(xiàn)在幾乎任何類型的網(wǎng)站都有可能采用這種大圖片作為背景，特別是企業(yè)品牌宣傳、產(chǎn)品介紹等等。

在設(shè)計(jì)網(wǎng)頁(yè)過程中，需要用到大量的圖片，而且找到的圖片大多風(fēng)格迥異、無品牌感，那么如何找到合適而又能正確地應(yīng)用圖片呢？

在談響應(yīng)式布局前，我們先梳理下網(wǎng)頁(yè)設(shè)計(jì)中整體頁(yè)面排版布局，常見的主要有如下幾種類型：
布局類型
布局實(shí)現(xiàn)
采用何種方式實(shí)現(xiàn)布局設(shè)計(jì)，也有不同的方式，這里基于頁(yè)面的實(shí)現(xiàn)單位而言，分為四種類型：固定布局、可切換的固定布局、彈性布局、混合布局。

固定布局：以像素作為頁(yè)面的基本單位，不管設(shè)備屏幕及瀏覽器寬度，只設(shè)計(jì)一套尺寸；
可切換的固定布局：同樣以像素作為頁(yè)面單 ...

導(dǎo)航在網(wǎng)站設(shè)計(jì)中的重要性已經(jīng)毋庸置疑，但重要不意味著它必須高調(diào)，安靜與顯眼兼具的導(dǎo)航才最符合用戶的使用體驗(yàn)，而側(cè)邊導(dǎo)航恰巧同時(shí)滿足了這兩點(diǎn)。網(wǎng)站側(cè)邊導(dǎo)航的好壞與否很容易判斷，主要取決于它的大小、形式、色彩和排版。

一般來說，側(cè)邊導(dǎo)航的寬度尺寸控制在內(nèi)容部分寬度的三分之一左右;

一、用戶如何觀察

1.周邊視覺反應(yīng)速度高于中央視覺

若想引導(dǎo)用戶集中注意屏幕某處，就不要在周邊放置動(dòng)畫或閃爍的元素

對(duì)于設(shè)計(jì)師來說，心情之所以有趣、重要，是因?yàn)檠芯勘砻?，心情影響人們?duì)廣告和品牌的態(tài)度。一個(gè)很普遍的發(fā)現(xiàn)是，幾乎所有被調(diào)查的人，無論男女，無論他們當(dāng)下心情如何，都更傾向接受以一種歡樂的方式所呈現(xiàn)出的信息

么心情是怎么影響設(shè)計(jì)的呢？心情能決定用戶與設(shè)計(jì)之間的關(guān)系。用戶會(huì)以正面的態(tài)度還是以負(fù)面的態(tài)度來審視你的設(shè)計(jì)？他們?nèi)绾翁幚砟銈鬟f的信息？設(shè)計(jì)中表現(xiàn)的心情能否與受眾的心情搭建起相通的紐帶，從而讓彼此心心相映？

讓我們來一起看看這篇文章吧！