在主頁上這樣大尺寸的展示圖能夠非常清晰而直接的讓客戶看到作品的原貌,從而對于公司的制作水準(zhǔn)有了一個直觀的印象。而這樣的大尺寸的作品展示其實已經(jīng)隱約的決定了整個網(wǎng)站設(shè)計的布局。想想看,在屏幕的左上方區(qū)域擺放上一個寬540像素,高460像素的矩形之后,接下來的區(qū)域該放置哪些信息,其實就像是擺放積木一樣,按照重要程度挨個放置就行了。當(dāng)然這并非是唯一的布局方式,但是無論何種布局方式,我們的想法都應(yīng)該在功能性的考慮的范圍內(nèi)進行。下面牧羊人深圳網(wǎng)站建設(shè)公司的小編跟大家商量一下。
光亮感覺的網(wǎng)站設(shè)計看上去樣式很多,其實主要在于細節(jié)方面的變化,如果要問具體有多少種設(shè)計樣式的話,可以說多到無窮盡。關(guān)鍵是看元素的結(jié)構(gòu)以及高光和陰影的變化。不同的元素結(jié)構(gòu)和光線效果就能產(chǎn)生不同的元素樣式。隨便舉幾個例子來說明:
由于結(jié)構(gòu)和光線的不同,差異應(yīng)該說還是非常明顯的。具體在你的網(wǎng)站設(shè)計中應(yīng)該使用哪種風(fēng)格,哪種色彩,要和設(shè)計的信息內(nèi)容相關(guān)聯(lián),要能產(chǎn)生視覺上的聯(lián)想,SEO。關(guān)鍵考量的點在于信息表達的是否清晰、用戶的體驗是否良好以及視覺上舒服不舒服。所謂的設(shè)計規(guī)范,也只能說是大家常用,時間久了似乎就成了設(shè)計的規(guī)矩了,實際上這些所謂的設(shè)計規(guī)矩隨時能夠打破。
Lofter是網(wǎng)易提供的輕博客服務(wù),其中的信息類型主要有四類:即:圖片、音樂、文字、視頻。關(guān)于Lofer的模板設(shè)計,木偶同學(xué)在《LOFTER輕博模板設(shè)計》一文中對主要展示圖片的模板的有如下設(shè)計方面的考慮,”該模板通常是為了滿足攝影用戶,圖片展示面積要夠大,夠爽;模板首頁一屏能看多圖;背景要暗,突顯當(dāng)前圖片;邊框的設(shè)計讓圖片更突出,或讓圖片更精美。”通過分析和理解此設(shè)計思路,我們能夠發(fā)現(xiàn),其中的圖片展示面積要夠大,也就是我們上面提到的布局方面的考慮,而背景要暗即是我們這里要討論的對于色彩方案的影響。
從木偶同學(xué)的完成作品中我們可以看到,按照設(shè)計思路做出來的灰色的背景平靜而低調(diào),和白色的圖片邊框和背景形成鮮明的對比,而灰白的色彩方案和色彩多變的圖片不會沖突,無論圖片怎么變化都能和灰色和白色百搭,所以彩色的圖片在白色的背景和邊框的映襯下更加搶眼,讓照片這樣重要的信息在視覺方面得到了充分的表達。
所有的視覺設(shè)計都是圍繞信息來做的,我們必須首先梳理好了信息的內(nèi)容和結(jié)構(gòu),才能知道應(yīng)該在哪里施以重墨,在哪里點到為止。反過來,很多的設(shè)計思路和想法可以說本身已經(jīng)暗含在信息中了,比如我們上面提到的布局和色彩方案。只要提煉和優(yōu)化好了信息,怎么來做其實在梳理信息的過程中就漸漸的明晰了。
閱讀本文的人還閱讀:為什么要使用DIV+CSS設(shè)計網(wǎng)頁? 有什么好處?