羞羞影院午夜男女爽爽免费视频_久久久久久蜜桃一区二区_亚洲中文精品久久久久久不卡_日本三级黄色网址_欧美性videos高清精品_九九久久久久_欧美在线视频二区_无码人妻h动漫中文字幕_狠狠噜天天噜日日噜国语_免费人成视频在线观看播放网站_一本色道久久综合狠狠躁篇_日韩欧美麻豆_美女久久网站_五月天综合_性生交大片免费播放_日韩中文字幕有码_狠狠综合_变态另类先锋影音_2018天天干天天射_欧美 国产 日本

　　網(wǎng)頁設(shè)計(jì)中的幾何學(xué)

　　設(shè)計(jì)的幾何學(xué)在排版與網(wǎng)頁設(shè)計(jì)上的應(yīng)用更是十分必要的，版式設(shè)計(jì)與網(wǎng)頁設(shè)計(jì)的信息體量遠(yuǎn)比標(biāo)志設(shè)計(jì)大得多，它需要通過你對(duì)信息的梳理來引導(dǎo)用戶去按照你的方式正確閱讀。所以使用科學(xué)的方式梳理你的頁面布局會(huì)讓你的作品更加具有連續(xù)性、秩序性與易讀性。

　　網(wǎng)頁設(shè)計(jì)或是板式設(shè)計(jì)不同于其他的設(shè)計(jì)內(nèi)容，它不僅要考慮每個(gè)元素的樣式，并且要有設(shè)計(jì)的順序，而不是盲目的不斷嘗試。

　　第一步，給你的網(wǎng)頁或版式做定位。

　　不是所有的網(wǎng)站或版式都是統(tǒng)一的套路，它們也有自己的性格在里面。考慮品牌的定位是怎樣的，受眾群體是誰，用戶的閱讀順序與閱讀體驗(yàn)是怎樣的，我們最想讓用戶看到什么，用戶最想看到什么……要在有限的畫布中展示所有想要表現(xiàn)的內(nèi)容，就一定會(huì)有取舍，設(shè)計(jì)不是僅僅做到美觀即可，好看只是你符合設(shè)計(jì)師這個(gè)職位的前提；設(shè)計(jì)師更多要考慮的是解決問題。

　　第二步，確定大風(fēng)格。

　　依據(jù)所設(shè)計(jì)的內(nèi)容，確定比例，色彩，形狀等這些基本的要素。統(tǒng)一的風(fēng)格不是偷懶，他會(huì)讓你的設(shè)計(jì)內(nèi)容更具一致性與連續(xù)性，不會(huì)讓用戶或讀者有太多不必要的跳出感，并且，大風(fēng)格的確定能加深你對(duì)所設(shè)計(jì)內(nèi)容的認(rèn)識(shí)。

　　第三步，確定你的畫布尺寸。

　　在網(wǎng)頁設(shè)計(jì)當(dāng)中，設(shè)計(jì)師最常用到的是960 網(wǎng)格系統(tǒng)，它可以說是具有里程碑式或者具有代表意義的系統(tǒng)，設(shè)計(jì)之初主要針對(duì)的是 1024×768 的屏幕。雖然現(xiàn)在早已是 1200 以上像素的天下了，但 960 網(wǎng)格系統(tǒng)也早已從最初的理性設(shè)計(jì)的工具變成了網(wǎng)站設(shè)計(jì)的布局思維。

　　以 1024×768 的屏幕為例，用戶在瀏覽網(wǎng)站是，視線熱區(qū)可覆蓋大概 80%的屏幕，此部分空間尺寸大致為 974×650，在瀏覽器左右預(yù)留一些空間，并且為方便響應(yīng)式設(shè)計(jì)，我們的可設(shè)計(jì)區(qū)域就成為了現(xiàn)在最常用到的960×650 像素，這個(gè)尺寸也同樣接近黃金分割的尺寸。

　　第四步，為你的畫布分欄。

　　12 欄布局： 　　

　　16 欄布局：

　　24 欄布局： 　　

　　用理性的網(wǎng)格將你的頁面分欄，這樣可以很好的將頁面中得圖片與文字進(jìn)行區(qū)隔，段落與段落間進(jìn)行區(qū)隔。

　　考慮到黃金分割的原理與響應(yīng)式頁面的可操作性，我們將頁面分為12，16 或 24 欄，欄數(shù)依據(jù)你要設(shè)計(jì)的網(wǎng)頁體量而定。

　　第五步，確定最小字符。

　　橫向則依據(jù)你所使用的最小字符高度而定，一般使用12pt―16pt的文字，每行 60―80 字符是比較合理的范圍。這樣，我們就得到了一張理性，簡(jiǎn)單，有效的網(wǎng)格，使用網(wǎng)格設(shè)計(jì)可使網(wǎng)頁的連貫性與秩序性增強(qiáng)，內(nèi)容與內(nèi)容不會(huì)相互影響，減少內(nèi)容取舍的復(fù)雜度，并且很大程度上增加網(wǎng)站代碼的復(fù)用率。

　　第六步，找到每屏的第一視覺點(diǎn)。

　　人的視線落點(diǎn)是需要引導(dǎo)的，通過科學(xué)理性的方式可快速找到用戶的視線范圍，把你最想讓用戶看到的內(nèi)容放在這個(gè)范圍內(nèi)，可以起到絕佳的效果與回饋。同時(shí)，也可以幫助你梳理每個(gè)元素之間的關(guān)系。

　　我們用這個(gè)思路再看那些牛逼的網(wǎng)站的時(shí)候，才會(huì)了解，原來這才是他們這些網(wǎng)站之所以牛逼的原因。比如下面的這幾張?zhí)O果的官網(wǎng)： 　　

　　iPhone6 官網(wǎng)不僅用到了網(wǎng)格系統(tǒng)，同時(shí)也應(yīng)用黃金分割率確定文字、圖片與連接的間距，讓整個(gè)頁面看起來簡(jiǎn)潔且合理。

　　當(dāng)然，理性化的設(shè)計(jì)思路不僅僅只有蘋果一家公司是這樣，在 http://http://960.gs/上面，你會(huì)看到更多的成功案例供大家參考。

　　我們的野狗科技的網(wǎng)站也同樣運(yùn)用到了網(wǎng)格系統(tǒng)與黃金分割比例，讓整個(gè)網(wǎng)頁看起來更加合理，更具可讀性與舒適性。

　　小結(jié)

　　產(chǎn)品經(jīng)理和設(shè)計(jì)師不僅僅需要是審美出眾的人，更應(yīng)該是理性的魔術(shù)師，當(dāng)別人按照你構(gòu)想的順序去瀏覽你的作品，或是在你的作品中看到你思考的過程，是不是僅僅比他們說“挺好看的”要強(qiáng)的多。

　　所以，如果你是一個(gè)初學(xué)者，對(duì)產(chǎn)品設(shè)計(jì)不知從何下手，或者你的設(shè)計(jì)已經(jīng)很不錯(cuò)，但是遇到了瓶頸，那么，通過這些幾何學(xué)與網(wǎng)格的使用一定會(huì)讓你的設(shè)計(jì)更進(jìn)一步。