網(wǎng)頁(yè)設(shè)計(jì)中的色彩與排版原則
網(wǎng)頁(yè)設(shè)計(jì)是建立在基本原則之上的。但基本原則是什么呢?
我們來(lái)講解網(wǎng)頁(yè)設(shè)計(jì)的四個(gè)基本原則,即使你不是設(shè)計(jì)師,也可以學(xué)到設(shè)計(jì)的基本原則。此外,我們還將介紹設(shè)計(jì)中重要的色彩和排版。
鄰近原則
就近原則是把相關(guān)的物品集中在一起。如果你把相關(guān)的物品拉近,它們就會(huì)成為一個(gè)有凝聚力的群體,而不是互不相關(guān)。因此,不要把不相關(guān)的信息放在附近。這是因?yàn)榻菩孕枰屧L問(wèn)頁(yè)面的讀者在視覺(jué)上有即時(shí)性。
如果對(duì)他們進(jìn)行適當(dāng)?shù)姆纸M,他們更有可能被閱讀,更有可能記住你的網(wǎng)站或頁(yè)面。
對(duì)齊原則
對(duì)齊是指頁(yè)面上所有的東西都必須有意識(shí)地?cái)[放的原則。此外,頁(yè)面上的所有內(nèi)容都必須在視覺(jué)上與其他東西相關(guān)??待R就是"團(tuán)結(jié)"和"組織"。如果對(duì)齊方式做得好,與字體相結(jié)合,會(huì)給人以精致、正式、嚴(yán)肅的感覺(jué)。所有的排列都應(yīng)自覺(jué)地放置。
重復(fù)原則
重復(fù)的原則是指在一個(gè)作品中重復(fù)一些設(shè)計(jì)特征。例如,如果你在一個(gè)頁(yè)面上反復(fù)使用相同大小的標(biāo)題、粗體邊框或列表局,你就是在使用重復(fù)。重復(fù)的目的是為了“統(tǒng)一",增加視覺(jué)趣味。一個(gè)頁(yè)面有很好的接近性和對(duì)齊性是很好的,但如果你根據(jù)重復(fù)的原則增加設(shè)計(jì),你就會(huì)增加讀者認(rèn)識(shí)到這個(gè)頁(yè)面有趣的機(jī)會(huì)。
對(duì)比原則
對(duì)比就是要讓兩個(gè)事物之間有區(qū)別。
一個(gè)很好的例子是,大字號(hào)和小字號(hào),小圖像和大圖像,或者冷色和暖色。改變大小和顏色,使其在頁(yè)面上可以識(shí)別為兩個(gè)不同的元素。改變顏色或只在插圖上增加一點(diǎn)不同的顏色,這不是對(duì)比,相反,它會(huì)造成兩者的沖突。
對(duì)比的目的是"在頁(yè)面上創(chuàng)造興趣"。換句話說(shuō),它有助于組織和信息。如果你不有所作為,你就會(huì)把讀者引入歧途,他們就不會(huì)注意你希望他們注意的部分。
所以,如果你要對(duì)比,就要大膽的區(qū)別。近似、對(duì)齊、重復(fù)、對(duì)比這四個(gè)原則是設(shè)計(jì)中必不可少的。這四個(gè)原則非常重要,所以要牢牢記住。除了這四個(gè)原則之外,"色彩"和""排版"在設(shè)計(jì)中也很重要。
設(shè)計(jì)網(wǎng)站中有哪些關(guān)鍵技巧?有哪些陷阱?在這里,世界上一流的網(wǎng)站設(shè)計(jì)專(zhuān)家,讓你共享他們的秘密,告訴你:使網(wǎng)站賦予情趣的訣竅、應(yīng)該避免做什么、應(yīng)使用什么工具軟件以及他們喜愛(ài)和厭惡的網(wǎng)站。
大部分網(wǎng)站或產(chǎn)品的按鈕色彩都不會(huì)超過(guò)3種,指向“動(dòng)作”的按鈕應(yīng)當(dāng)統(tǒng)一為同一種顏色,比如Google的“搜索”按鈕是藍(lán)色,而Twitter的“注冊(cè)”按鈕則是明亮的黃色。色彩能夠幫助品牌極為簡(jiǎn)易的建立用戶(hù)認(rèn)知:
今年,許多網(wǎng)站都將這個(gè)小元素納入界面,成為頁(yè)面導(dǎo)航的重要組成部分。除了導(dǎo)航設(shè)計(jì)趨勢(shì),還有各種設(shè)計(jì)方法,如全屏導(dǎo)航,底部導(dǎo)航等,所有這些都有利于網(wǎng)頁(yè)設(shè)計(jì)師。
網(wǎng)頁(yè)設(shè)計(jì)必須簡(jiǎn)約,任何無(wú)用的特質(zhì)都必須移除;與此同時(shí),網(wǎng)頁(yè)設(shè)計(jì)必須能夠滿(mǎn)足用戶(hù)需求。
做網(wǎng)站設(shè)計(jì)時(shí),我們應(yīng)該考慮哪些因素?在做的過(guò)程中設(shè)計(jì)師應(yīng)該思考哪些問(wèn)題,怎么樣才能做好網(wǎng)站設(shè)計(jì)?
用戶(hù)體驗(yàn)好的方案,用戶(hù)感受到的體驗(yàn)真的好嗎,真的在意嗎?用戶(hù)愿意為這個(gè)體驗(yàn)更多的使用?還是愿意付更多錢(qián)? 如果設(shè)計(jì)希望被認(rèn)可價(jià)值,那么就必須清晰表明:設(shè)計(jì)到底實(shí)現(xiàn)了什么價(jià)值,以及設(shè)計(jì)是如何穩(wěn)定實(shí)現(xiàn)這些價(jià)值的。 網(wǎng)站設(shè)計(jì)中設(shè)計(jì)師到底要實(shí)現(xiàn)什么價(jià)值?
玻璃擬態(tài)(Glassmorphism),更直觀的說(shuō)就是玻璃擬物化。它是在2020年末開(kāi)始在各大設(shè)計(jì)平臺(tái)流行起來(lái)的設(shè)計(jì)趨勢(shì)。當(dāng)時(shí)蘋(píng)果新發(fā)布的Mac OS Big Sur操作系統(tǒng)中也使用了這種風(fēng)格
網(wǎng)頁(yè)設(shè)計(jì)師想出了一些非常聰明的技巧,讓他們的作品有一種實(shí)體感。玻璃擬態(tài)(Glassmorphism)就是這樣一種技術(shù)。當(dāng)您將模糊效果與透明度相結(jié)合時(shí),像素會(huì)呈現(xiàn)出磨砂玻璃的略微不透明的品質(zhì)——為設(shè)計(jì)增添一絲質(zhì)感和維度。
