|
網(wǎng)站建設(shè)中使用留白的注意事項(xiàng)互聯(lián)網(wǎng)行業(yè)的快速發(fā)展,技術(shù)創(chuàng)新帶動(dòng)了設(shè)計(jì)行業(yè)的快速發(fā)展,重慶網(wǎng)站建設(shè)網(wǎng)頁(yè)設(shè)計(jì)從純文本頁(yè)面設(shè)計(jì)到flash,演變?yōu)榱餍械?/span>HTML5網(wǎng)站,無(wú)論是從設(shè)計(jì)風(fēng)格到網(wǎng)站布局都有很大的變化。網(wǎng)頁(yè)設(shè)計(jì)的風(fēng)格因行業(yè)而異,包括全屏網(wǎng)頁(yè)設(shè)計(jì)、平面網(wǎng)站風(fēng)格、單頁(yè)網(wǎng)站風(fēng)格、極簡(jiǎn)風(fēng)格等。 1、網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該留白 留白=奢華,提升品牌品位。白色空間,也稱(chēng)為負(fù)空間,并不一定指白色區(qū)域,它只是圍繞頁(yè)面布局元素的空白空間。留白可以提高搜索的流暢性和體驗(yàn)性,增強(qiáng)對(duì)比度,使網(wǎng)站的色彩更加生動(dòng)。留白的空間表現(xiàn)為許多不同的形式,例如圖片之間的空間、空白、邊距、列甚至文本行。雖然看起來(lái)“空”,但里面沒(méi)有其他設(shè)計(jì)元素。谷歌和百度兩個(gè)搜索引擎,對(duì)空格的解釋簡(jiǎn)潔有效,這個(gè)簡(jiǎn)單的例子再合適不過(guò)了。 2、扁平化設(shè)計(jì) 扁平化完全屬于第二維度。這個(gè)概念的核心是放棄所有的裝飾效果,比如陰影、透視、紋理、漸變等可以做出3D效果的元素。所有元素的邊界都是干凈的,沒(méi)有羽化、漸變或陰影。尤其是在手機(jī)上,更少的按鈕和選項(xiàng)讓界面干凈整潔,使用起來(lái)也特別簡(jiǎn)單。它可以更簡(jiǎn)單、直接地展示信息和事物的工作方式,減少認(rèn)知障礙的發(fā)生。平面網(wǎng)頁(yè)設(shè)計(jì)就是利用一些簡(jiǎn)單的純色塊,從而創(chuàng)造出更“平面”的界面,更簡(jiǎn)潔直接地展示信息和事物,減少認(rèn)知障礙的發(fā)生。微軟的WindowsPhone和Windows8系列操作系統(tǒng)是典型的平面設(shè)計(jì)風(fēng)格。 3、導(dǎo)航欄的簡(jiǎn)化 導(dǎo)航作為用戶(hù)體驗(yàn)的重要組成部分,只是實(shí)現(xiàn)內(nèi)容消費(fèi)目標(biāo)的一種手段。這就是為什么用戶(hù)對(duì)內(nèi)容和導(dǎo)航有不同的期望。內(nèi)容應(yīng)該是驚人的和令人興奮的,導(dǎo)航應(yīng)該是簡(jiǎn)單的和盡可能可預(yù)測(cè)的。導(dǎo)航欄可以增強(qiáng)網(wǎng)站的視覺(jué)效果,融入網(wǎng)站的背景,以無(wú)聲、無(wú)干擾的方式呈現(xiàn)。 4、合理使用小色塊 在網(wǎng)頁(yè)設(shè)計(jì)中可以合理使用小色塊,讓用戶(hù)更容易關(guān)注頁(yè)面的重要部分。 |