熱文推薦
- 深圳微信營(yíng)銷策劃
- 如何在SEO中進(jìn)行創(chuàng)新提高推廣方法…
- 響應(yīng)式與自適應(yīng)設(shè)計(jì)應(yīng)該注意什么,…
- 網(wǎng)站改變前應(yīng)做的事-網(wǎng)站建設(shè)知識(shí)…
- 新型網(wǎng)站建設(shè)該怎樣抓住用戶?
- 如何設(shè)計(jì)網(wǎng)站才能夠在搜索引擎當(dāng)中…
- 金融類網(wǎng)站優(yōu)化策略-深圳網(wǎng)站建設(shè)…
- 深圳開發(fā)網(wǎng)站哪個(gè)好
- 淺談企業(yè)建設(shè)網(wǎng)站重新選擇網(wǎng)站空間…
- 深圳網(wǎng)站建設(shè)哪家公司好,中小企業(yè)…
Web網(wǎng)格布局的秘密
網(wǎng)格布局的秘密在于你可能會(huì)犯錯(cuò)誤
深圳網(wǎng)站設(shè)計(jì)在另一篇文章ldquo瑞士學(xué)校rdquo中提及;和ldquo;格力rdquo;版面方面,雖然大多數(shù)評(píng)論都對(duì)文章持肯定態(tài)度,但也有人問網(wǎng)格是否還活著。我向你**網(wǎng)格布局是實(shí)時(shí)的,好的,并且一直在使用。那些沒有學(xué)會(huì)的人只是沒有意識(shí)到
網(wǎng)格設(shè)計(jì)使網(wǎng)頁設(shè)計(jì)更加完美。Grid是一家更好的網(wǎng)頁設(shè)計(jì)公司,我在另一篇文章ldquo瑞士學(xué)校rdquo中提到過深圳網(wǎng)頁設(shè)計(jì)公司;和ldquo;格力rdquo;版面方面,雖然大多數(shù)評(píng)論都對(duì)文章持肯定態(tài)度,但也有人問網(wǎng)格是否還活著。我向你**網(wǎng)格布局是實(shí)時(shí)的,好的,并且一直在使用。那些沒有學(xué)會(huì)的人只是沒有意識(shí)到網(wǎng)格的規(guī)則,以及如何使用,甚至彎曲,或打破這些規(guī)則來成功地設(shè)計(jì)令人難以置信的布局。
首先,網(wǎng)格布局的使用并不是指定給專門的打印或數(shù)字的東西。版面的布局和設(shè)計(jì)是傳達(dá)使用多個(gè)組件的消息的一種方式。當(dāng)然,考慮到人眼如何看待布局以及大腦如何處理布局,這些元素協(xié)調(diào)工作。使大腦在破譯信息時(shí)工作過度,并完全關(guān)閉突觸布局。
為什么會(huì)誤解網(wǎng)格 關(guān)于如何在網(wǎng)格系統(tǒng)上使用designersinsights.com有一個(gè)非常好的基礎(chǔ)課程。對(duì)于那些從未在藝術(shù)學(xué)?;蚱渌罱?jīng)歷中聽說過網(wǎng)格的人來說,使用布局網(wǎng)格實(shí)際上是一個(gè)很好的教訓(xùn)。它涵蓋了支柱的使用以及其他元素,三分之二法則,黃金分割率。只是不奇怪為什么有些設(shè)計(jì)師是巨大的,而有些是平庸的。
試想,每一位設(shè)計(jì)師師都從這篇設(shè)計(jì)師的版面見識(shí)文章中學(xué)到了什么。我們都被同樣的設(shè)計(jì)攪亂了。它是誰看到了網(wǎng)格,就像一個(gè)白癡學(xué)者,并使用它,因?yàn)闆]有其他人可以-或者如果他們可以看到其他人做-產(chǎn)生**好的設(shè)計(jì)工作。當(dāng)涉及到幾乎無限可能的布局時(shí),解釋網(wǎng)格是如何的**簡(jiǎn)單的方法是想象這個(gè)奇怪而高調(diào)的例子:你有可能看到那些ldquo;你有可能見過這些ldquo;你看到多少個(gè)正方形rdquo;Facebook上的彈出測(cè)試。那么,有多少 你是四個(gè)還是八個(gè)奇怪的正方形 有廣場(chǎng)內(nèi)的廣場(chǎng),使更多的廣場(chǎng)等,這是網(wǎng)格布局!
作為design師,我們可能從basic設(shè)計(jì)101班瑞士學(xué)校開始熟悉design。有人稱之為現(xiàn)代設(shè)計(jì)的發(fā)展。其他人可能認(rèn)為這只是進(jìn)入設(shè)計(jì)風(fēng)格的一步。兩者都可能是對(duì)的。在約瑟夫bull穆勒-布羅克曼spotlight,我寫了另一篇博客,詳細(xì)介紹了它以及他和同時(shí)代人如何進(jìn)化的設(shè)計(jì)規(guī)則。我們今天仍然堅(jiān)持:約瑟夫牛穆勒-布羅克曼(1914年5月9日-1996年8月30日)被認(rèn)為是**風(fēng)格瑞士學(xué)校的主要參與者之一。當(dāng)一個(gè)人認(rèn)為自己的職業(yè)生涯,包括二戰(zhàn),冷戰(zhàn)和歐洲日益增長(zhǎng)的破壞和恐懼的影響,已經(jīng)在互聯(lián)網(wǎng)范圍內(nèi)影響了師的設(shè)計(jì)風(fēng)格。
穆勒-布羅克曼不僅僅是一個(gè)人試圖形成現(xiàn)在的標(biāo)記瑞士學(xué)校更多(盡管如此,至上主義和包豪斯,所有這些都將他的設(shè)計(jì)推向了在平面設(shè)計(jì)的創(chuàng)造性表達(dá)中打開大門的新方向。在他的同齡人中,他可能是那個(gè)時(shí)期**容易被認(rèn)出來的。他的目標(biāo)是為1950年代與大眾交流的海報(bào)創(chuàng)造一種設(shè)計(jì)感。這部電影跨越語言障礙,用英語、法語、德語和意大利語瑞士孤獨(dú)的人群交流,是一個(gè)不小的壯舉。正是受這些作品的影響,他們失去了中央政府的民族意識(shí),吸取了互聯(lián)網(wǎng)化和戰(zhàn)后世界和諧簡(jiǎn)約的教訓(xùn)穆勒—布羅克曼作為瑞士風(fēng)格的主要實(shí)踐者和理論家,通過網(wǎng)格化設(shè)計(jì)尋求一種普適的圖形表達(dá),消除多余的插圖和主觀感受。
網(wǎng)格按優(yōu)先級(jí)排列,并配置有意義的顏色、嵌套順序、外部打印和基于從左到右、從上到下的圖形元素。根據(jù)維基百科,網(wǎng)格系統(tǒng)為:ldquo;二維結(jié)構(gòu)由一系列交叉點(diǎn)組成,這些交叉點(diǎn)用于構(gòu)建內(nèi)容的垂直軸和水平軸。網(wǎng)格的使用是因?yàn)樗脑O(shè)計(jì)者能夠以一種合理且易于吸收的方式組織文本和圖像;。現(xiàn)在,如果你理解了你這邊的布局和設(shè)計(jì),那么網(wǎng)格系統(tǒng)嚴(yán)格左從右到右,從上到下似乎是合理的。一切都是裝箱的,數(shù)學(xué)上精確無誤。但縱觀穆勒-布羅克曼的作品,展示了成功的應(yīng)用設(shè)計(jì)和落差在一起,但并不是由你看到的每個(gè)博客上都有同樣的版面和網(wǎng)站那不可避免的描述元素。從左到右,從上到下,每個(gè)圖像都被裝箱。但有些不是!
穆勒-布羅克曼,雖然你可能會(huì)從什么樣的網(wǎng)格布局中感覺到,但是駕駛練習(xí)的人都知道如何使用它。不是所有的東西都是水平或垂直的。線條不跟隨或不著色突出顯示的元素所在的區(qū)域WordPress,加上任何編碼都可以提供其設(shè)計(jì)能力的發(fā)展。報(bào)紙風(fēng)格已成為一種雜志布局與運(yùn)動(dòng)視差滾動(dòng)和動(dòng)畫。網(wǎng)絡(luò)正在改變,設(shè)計(jì)將不得不隨之改變,但是網(wǎng)格原則將繼續(xù),因?yàn)樗鼈兪腔A(chǔ),起點(diǎn),即將組件保持在一起的框架。會(huì)有那些叛亂。
ldquo; 在我指出的為數(shù)不多的人中,有沒有人行動(dòng)起來沒有活力,沒有叛逆,誰能幫助決定集體表達(dá)的未來 想一想這個(gè)問題,就知道為了自己的審美價(jià)值而做出美麗的作品,明天就沒有什么社會(huì)意義,也就沒有什么意義的自我滿足。每個(gè)時(shí)代都有造反的條件ldquo;—(皮特茲瓦特皮特茲瓦特1885年5月28日生于荷蘭北部的贊代克(1977年9月27日去世,享年92歲)。從1902年到1907年,他在阿姆斯特丹參加了應(yīng)用藝術(shù),他說素描、繪畫、建筑和應(yīng)用藝術(shù)之間有幾個(gè)學(xué)科師學(xué)院茲瓦特,同學(xué)們?cè)谏厦鎺缀鯖]有干擾的情況下發(fā)展自己,教學(xué)師并不總是存在ldquo;一所很棒的學(xué)校,沒有理想的計(jì)劃rdquo;如茲瓦特所述。
正是由于缺乏正規(guī)的課堂培訓(xùn),使他更接近自己的設(shè)計(jì),尤其是在新的和非傳統(tǒng)的排版方式。雖然簡(jiǎn)單的類型和純水平格柵設(shè)計(jì)的圖像是規(guī)范,導(dǎo)致設(shè)計(jì)瑞士學(xué)校在1940年代和1950年代,茲瓦特感覺他的設(shè)計(jì)從他的內(nèi)臟。對(duì)于大多數(shù)天才來說,有一種自發(fā)的方式來打破他從未學(xué)會(huì)的規(guī)則,或者,正如我所懷疑的,打破他所關(guān)心和想要打破的規(guī)則。他還嘗試將攝影融入到他的設(shè)計(jì)中,形成合成照片。盡管如此,所有的規(guī)則打破和實(shí)驗(yàn),茲瓦特側(cè)重于可讀性,并認(rèn)為印刷應(yīng)該是明確的。如果有任何影響必須分配,他使用他的商業(yè)工程來建造和ldquo;風(fēng)格派rdquo;系統(tǒng)的基本原理。
疣,雖然設(shè)計(jì)叛逆,仍然需要保持設(shè)計(jì)壓倒性的信息。在他**商業(yè)化的作品(下圖)中,他打破了電纜制造商銷售不同種類電源線的任何觀念。他還使用網(wǎng)格來組織元素,使目標(biāo)受眾更容易理解。當(dāng)涉及到布局設(shè)計(jì)時(shí),這一信息往往會(huì)走下坡路。相關(guān)用途ldquo;和Zrdquo;設(shè)計(jì)版式中的版式聯(lián)絡(luò)是通過從左到右閱讀,然后向右掃描,再?gòu)淖蟮接遥ó?dāng)然是inldquo),來討論社會(huì)是如何治理的;Zldquo的一篇文章;對(duì)于那些閱讀到底部文化的人來說,在沒有錯(cuò)誤的轉(zhuǎn)彎的情況下會(huì)被翻到左邊。別無選擇,除非你想讓人們來解釋你的設(shè)計(jì),否則就要把設(shè)計(jì)信息弄糊涂!但在你所看到的一些限制中,確實(shí)有無限的可能性。
我的一位前任師向我展示了一個(gè)方便的工具,可以識(shí)別頁面上的主要焦點(diǎn)。首先,從左上角到右下角畫一條對(duì)角線(反之,如果設(shè)計(jì)為國(guó)家,則相反方向在左邊)。下一步,從彼此的角畫一條線,加上前面的對(duì)角線形成一個(gè)直角。銀行的切入點(diǎn)是**大的擔(dān)憂。
設(shè)計(jì)師、教育家埃德、青年人說自己的工作作風(fēng)ldquo;拿錯(cuò)了rdquo;他的工作是迷戀生活。它有力量和自發(fā)性。從版畫、版畫、設(shè)計(jì)和理論知識(shí)的誕生,他似乎**終得到了非常非常正確的答案。他有鼓舞人心的話,每一個(gè)設(shè)計(jì)師應(yīng)該讀:
ldquo; 我對(duì)平面設(shè)計(jì)感興趣rdquo;他說ldquo;這是一種藝術(shù)實(shí)踐,使用平面設(shè)計(jì)、裝飾性插圖和文本的形式,所有這些都混合了20世紀(jì)的藝術(shù),從米羅和畢加索一起,形式-所有這些都有譜系,必須看到-今天的藝術(shù)家使用漫畫和圖畫小說以同樣的方式。我是一個(gè)插畫家,讓你看到令人驚嘆的書籍和心理醫(yī)生無盡的風(fēng)格。繪畫是各種形式的,我做了30年的商業(yè)藝術(shù)家,形成了一種無意識(shí)的釋放——這是我的職業(yè)——我每天都這么做。所以,我不自覺地把這些東西都放在里面了,現(xiàn)在,因?yàn)槲也皇枪室獾?,我只能用技能,就像一臺(tái)機(jī)器已經(jīng)停止生產(chǎn)零件,但機(jī)器還在運(yùn)轉(zhuǎn)。我還在做什么。我喜歡工藝——有點(diǎn)精致ldquo;
這家伙絕對(duì)是一個(gè)打破規(guī)則的人,但他堅(jiān)持一個(gè)紀(jì)律,他的設(shè)計(jì),把信息放在**前沿,利用網(wǎng)格**大化-也許會(huì)走得更遠(yuǎn)!網(wǎng)格布局不是一些過時(shí)的設(shè)計(jì)原則,無論是用于印刷還是網(wǎng)絡(luò),這是幾十年前破土而出的一種設(shè)計(jì)力量,但仍然環(huán)著偉大的設(shè)計(jì)基本真理。這是所有設(shè)計(jì)的基礎(chǔ)。
網(wǎng)站設(shè)計(jì)布局深圳網(wǎng)絡(luò)設(shè)計(jì)布局
我從來不是一個(gè)遵守規(guī)則的人,但老師和偉大的藝術(shù)家們?cè)谶@一期ldquo上有一些難忘的語錄;在你可以打破規(guī)則之前,你需要知道規(guī)則rdquo;和ldquo;要?jiǎng)?chuàng)造自己的世界,首先要了解現(xiàn)實(shí)世界rdquo;
如果你研究的魔法高,你可以看到,他們都有學(xué)習(xí)現(xiàn)實(shí)世界的基礎(chǔ),基礎(chǔ)知識(shí),并不斷從那里發(fā)展。這些規(guī)則的布局,類型,顏色,插圖和攝影,以及如何要素的基本知識(shí)是觀察到的眼睛和放在一起,當(dāng)大腦破譯這一切。
http://m.ezekroy.com/jianzhanzhishi/547.html Web網(wǎng)格布局的秘密