網(wǎng)站設(shè)計(jì)如何使用網(wǎng)格幫助組織頁面上的元素

2010-02-21 網(wǎng)頁設(shè)計(jì)

為什么雜志和書籍總是布局相同？即使采用替代設(shè)計(jì)，布局也會(huì)協(xié)調(diào)一致，否則讀者的腦袋會(huì)爆炸……或者他們將停止閱讀并跳至下一頁。出版，廣告，網(wǎng)頁設(shè)計(jì)，插圖以及將元素聯(lián)系在一起的任何其他事物的成功設(shè)計(jì)取決于閱讀器中的繪圖，并引導(dǎo)他們的視線遍及整個(gè)頁面。

有人認(rèn)為這沒什么大不了，設(shè)計(jì)頁面自然而然是因?yàn)槲覀儚奈幕袑W(xué)到了成長(zhǎng)的經(jīng)驗(yàn)，并從童年開始就著眼于設(shè)計(jì)，但很少有人（如果有的話）了解其工作原理。在大多數(shù)社會(huì)中，我們從左到右閱讀。聽起來還簡(jiǎn)單嗎？只是從左邊開始，一切都會(huì)落到位嗎？基本上，但挑戰(zhàn)在于使讀者以正確的順序或至少希望您看到的順序查看元素，這是布局設(shè)計(jì)中的挑戰(zhàn)性技巧。

規(guī)則

我從來都不遵守規(guī)則，但是老師和偉大的藝術(shù)家對(duì)此主題都有一些令人難忘的名言?！霸谶`反規(guī)則之前，您必須了解規(guī)則”和“要?jiǎng)?chuàng)建自己的世界，您必須首先了解現(xiàn)實(shí)世界”。

如果您研究破壞規(guī)則者，您會(huì)發(fā)現(xiàn)他們都有從現(xiàn)實(shí)世界中學(xué)習(xí)的基礎(chǔ)，基礎(chǔ)以及從那里發(fā)展的基礎(chǔ)。這些規(guī)則是對(duì)布局，類型，色彩元素，插圖和攝影的基本理解，以及眼睛如何看待它們，而大腦在組合在一起時(shí)會(huì)對(duì)其進(jìn)行解密。

大多數(shù)教師嘗試在布局中賦予的內(nèi)容稱為“ Z”模式。這是重要信息的戰(zhàn)略布局的閱讀模式（西方文化）。從左上角開始，一直向右移動(dòng)，然后再向下再回到左側(cè)，從上到下。標(biāo)準(zhǔn)而簡(jiǎn)單。

我不得不為我在網(wǎng)上發(fā)現(xiàn)的1950年“版面設(shè)計(jì)規(guī)則”所包含的以下內(nèi)容而笑。然而，這些原理是合理的，并且它們?nèi)匀辉谥v述設(shè)計(jì)基礎(chǔ)。

當(dāng)您要框住信息并引起注意時(shí)（例如，目錄，日歷，特別說明），請(qǐng)使用邊框。

允許文本列的邊緣和圖稿產(chǎn)生邊框的錯(cuò)覺。

通過使用帶陰影的邊框來提請(qǐng)注意框或圖像。

通過對(duì)比大?。ū壤伾晚撁嫖恢?，將讀者的注意力吸引到重要元素上。確保元素具有支持內(nèi)容的功能。

使用大而粗的顯示類型和/或圖形來創(chuàng)建焦點(diǎn)。使用具有視覺重量，強(qiáng)度或顏色的元素進(jìn)行聚焦。

使用網(wǎng)格幫助組織頁面上的元素。確保網(wǎng)格是靈活的，但是網(wǎng)格部分不能太小。將頁面分為四或五列以獲得最大的靈活性。

使用多列來組織文本，將視覺效果組織成較?。ǜ子陂喿x）的信息塊。

將文本分為兩列或三列，以在標(biāo)準(zhǔn)頁面上獲得最佳效果。

將單列，較寬的列和較小的列用于抽取引號(hào)和其他類型的支持內(nèi)容。

好的，這些都是簡(jiǎn)單的規(guī)則，并且仍然可以延續(xù)到現(xiàn)在和將來的需求中，但是隨著我們的消費(fèi)文化的發(fā)展，以及當(dāng)今許多設(shè)計(jì)中的杰出規(guī)則破壞者，規(guī)則不斷發(fā)展。設(shè)計(jì)的一項(xiàng)演進(jìn)是“網(wǎng)格系統(tǒng)”。杭州網(wǎng)站建設(shè)

上一篇：如何深入了解了高級(jí)網(wǎng)站設(shè)計(jì)師的最新徽標(biāo)創(chuàng)作返回觀點(diǎn)列表下一篇：通過基于網(wǎng)格的設(shè)計(jì)，多余的插圖和主觀感覺來尋求通用的圖形表達(dá)

本文標(biāo)簽：

本文地址： http://www.bmwdream.cn/a/1623.html

相關(guān)專題

品牌官網(wǎng)設(shè)計(jì)
杭州派迪科技為高端客戶提供品牌官網(wǎng)咨詢策劃，品牌官網(wǎng)設(shè)計(jì)，品牌官網(wǎng)建設(shè)開發(fā)服務(wù)，以國(guó)際化視野和標(biāo)準(zhǔn)為基礎(chǔ)，為各行業(yè)領(lǐng)軍品牌提供高端企業(yè)網(wǎng)站定制、策劃、設(shè)計(jì)、互動(dòng)與制作
查看詳情
大策略營(yíng)銷門戶網(wǎng)站
杭州派迪科技有自己的營(yíng)銷型網(wǎng)站CMS系統(tǒng)，適合白帽SEO網(wǎng)站。特別對(duì)大策略的營(yíng)銷型門戶網(wǎng)站制作有一定的經(jīng)驗(yàn)，曾經(jīng)為上海天擎外貿(mào)行業(yè)網(wǎng)站、浙江兆龍營(yíng)銷型門戶、先臨三維門戶營(yíng)銷網(wǎng)站提供全程的技術(shù)支持及SEO優(yōu)化指導(dǎo)
查看詳情
集團(tuán)/上市公司網(wǎng)站
杭州派迪科技為杭州本地集團(tuán)公司提供網(wǎng)頁設(shè)計(jì)、制作、開發(fā)服務(wù)，為集團(tuán)公司網(wǎng)站建設(shè)提供了響應(yīng)式、營(yíng)銷型、品牌型、門戶型網(wǎng)站建設(shè)需求，歡迎廣大集團(tuán)公司客戶咨詢
查看詳情
外貿(mào)網(wǎng)站建設(shè)
杭州派迪科技為高端客戶提供外貿(mào)網(wǎng)站咨詢策劃，外貿(mào)官網(wǎng)設(shè)計(jì)，外貿(mào)官網(wǎng)建設(shè)開發(fā)服務(wù)，以谷歌搜索引起算法為基礎(chǔ)，為各行業(yè)外貿(mào)公司提供高端企業(yè)外貿(mào)網(wǎng)站定制、策劃、設(shè)計(jì)、互動(dòng)與制作
查看詳情
企業(yè)網(wǎng)站建設(shè)
高端專業(yè)、令人印象深刻的用戶界面、易于訪問——企業(yè)網(wǎng)站必須反映一切，因?yàn)榕傻峡萍荚谶@里提供幫助，憑借精湛的技術(shù)、豐富的經(jīng)驗(yàn)、與客戶的持續(xù)溝通以及對(duì)每一個(gè)細(xì)節(jié)的關(guān)注，我們確保在快速的周期時(shí)間內(nèi)提供優(yōu)質(zhì)的服務(wù)。
查看詳情
半定制網(wǎng)站
杭州派迪科技模板網(wǎng)站建設(shè)專題_各行業(yè)方案專題欄目提供各行業(yè)產(chǎn)品適合的網(wǎng)站建設(shè)方案,幫助企業(yè)了解派迪科技建站效果等信息,您可以通過本站了解各行業(yè)網(wǎng)站建設(shè)方案,如需要獲取本行業(yè)定制網(wǎng)站建設(shè)方案,可以聯(lián)系在線客服或撥打電話咨詢
查看詳情