三種方式讓你打破網(wǎng)頁(yè)設(shè)計(jì)規(guī)則,讓網(wǎng)站不在條條框框

2022-06-27    分類(lèi): 網(wǎng)站建設(shè)

網(wǎng)站建設(shè)設(shè)計(jì)規(guī)則卡在你的腦海里。更高級(jí)的設(shè)計(jì)師提出的建議,設(shè)計(jì)理論的元素,或在課程中學(xué)到的經(jīng)驗(yàn)教訓(xùn)。但是,也許你應(yīng)該真的打破這些規(guī)則?
隨著時(shí)間的推移,設(shè)計(jì)趨勢(shì)和概念會(huì)發(fā)生很大變化 技術(shù)進(jìn)步尤其改變了一些規(guī)則。網(wǎng)頁(yè)設(shè)計(jì)是一個(gè)不斷發(fā)展的過(guò)程,今天有效,明天可能會(huì)改變。考慮到這一點(diǎn),這里有三個(gè)網(wǎng)頁(yè)設(shè)計(jì)規(guī)則,你應(yīng)該嘗試打破。
1.使用Sans Serif字體進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)
每個(gè)網(wǎng)頁(yè)設(shè)計(jì)師曾經(jīng)說(shuō)過(guò),你需要在線(xiàn)使用無(wú)襯線(xiàn)字體?,F(xiàn)在不是這樣了。打破這個(gè)規(guī)則!
可讀字體的好混合是新的規(guī)范。這包括襯線(xiàn),無(wú)襯線(xiàn),甚至新奇和腳本樣式。選擇正確的字體(或類(lèi)型調(diào)色板)的關(guān)鍵是從易于閱讀的字體樣式中挑選。
也有研究支持這個(gè)想法。尼爾森諾曼集團(tuán)的Jakob Nielsen專(zhuān)注于用戶(hù)體驗(yàn),研究和培訓(xùn),他表示,更好的屏幕正在改變網(wǎng)頁(yè)設(shè)計(jì)的排版準(zhǔn)則。這是研究的結(jié)論:
舊的在線(xiàn)排版的可用性指南很簡(jiǎn)單:堅(jiān)持使用無(wú)襯線(xiàn)字體。由于計(jì)算機(jī)屏幕太差,無(wú)法正確渲染襯線(xiàn),因此嘗試以正文文本尺寸的襯線(xiàn)字體會(huì)導(dǎo)致模糊的字母形狀。
不幸的是,新的指導(dǎo)方針并不像舊的那樣明確。對(duì)于serif字體是否真的比sans serif更好,易讀性研究并不確定。
serif與sans serif之間的閱讀速度差異顯然非常小。因此,沒(méi)有強(qiáng)大的可用性指導(dǎo)方針贊成使用一個(gè)或另一個(gè),所以您可以根據(jù)其他考慮因素做出選擇 - 如品牌或通過(guò)特定印刷風(fēng)格傳達(dá)的情緒。
所以繼續(xù)打破舊的無(wú)襯線(xiàn)規(guī)則。在考慮選擇哪種字體以及是否可讀性強(qiáng)時(shí),需要注意以下幾點(diǎn)。
選擇中等或常規(guī)重量的均勻行程寬度。超輕或薄型可能難以閱讀。
堅(jiān)持一個(gè)平均的X高度。讓這個(gè)超級(jí)瘦和高可以帶來(lái)可讀性的顧慮。
尋找一致且足夠的字母間隔,不要過(guò)度使用連字或繁榮。
為小塊文本使用華麗的字體,只有明確的意圖。
選擇serif或sans serif字體,以便復(fù)制更大的塊。選擇字母清晰易讀的字母。

2.遠(yuǎn)離大膽的背景


有一段時(shí)間,似乎網(wǎng)站背景的唯一可接受的顏色是白色和光線(xiàn)中性。沒(méi)門(mén)!
大膽,明亮的背景顏色可以使一個(gè)偉大的背景元素。色彩可以給用戶(hù)留下很好的第一印象,為設(shè)計(jì)定下基調(diào),并且是一種有趣而有趣的方式來(lái)打破以往的設(shè)計(jì)模式。
更多的網(wǎng)站和大品牌正在使用色彩來(lái)幫助創(chuàng)造一個(gè)有趣和吸引人的體驗(yàn)。用戶(hù)似乎喜歡它。
這個(gè)可破壞規(guī)則的第二部分是限制調(diào)色板中的顏色數(shù)量。雖然有一個(gè)獨(dú)特的品牌調(diào)色板是一個(gè)好主意,但你可以多做一些個(gè)性化的設(shè)計(jì)項(xiàng)目。
材料設(shè)計(jì)背后的調(diào)色板結(jié)合使用更加大膽的色彩選擇打開(kāi)了被認(rèn)為是優(yōu)雅和俗氣的東西。更多的顏色可以接受。更多的網(wǎng)站和大品牌正在使用色彩來(lái)幫助創(chuàng)造一個(gè)有趣和吸引人的體驗(yàn)。用戶(hù)似乎喜歡它。
雖然你需要一個(gè)簡(jiǎn)單的調(diào)色板作為你的標(biāo)準(zhǔn)一致性,為特定項(xiàng)目添加一些額外(和更亮)的顏色。您不必重新設(shè)計(jì)您的所有品牌材料以擁有明亮的紫色或綠色背景,但是您可以通過(guò)多種方式將更多時(shí)尚色彩融入到項(xiàng)目中。
考慮一個(gè)彩色照片疊加。
選擇明亮的標(biāo)題顏色。
把那個(gè)中立的背景換成更難忘的東西。
為按鈕或號(hào)召性用語(yǔ)元素使用較亮的色調(diào)。(他們不一定都是紅色或藍(lán)色。)
使用阻擋顏色的懸停狀態(tài)來(lái)鼓勵(lì)互動(dòng)。

3.創(chuàng)建對(duì)稱(chēng)平衡


在我的設(shè)計(jì)生涯早期,經(jīng)驗(yàn)豐富的設(shè)計(jì)師推動(dòng)好對(duì)稱(chēng)設(shè)計(jì)的力量,創(chuàng)造和諧與平衡?;仡櫼幌?,這些概念很多都是無(wú)聊的,太安全了。
不對(duì)稱(chēng)可以幫助您創(chuàng)造更多的視覺(jué)興趣和平衡,而不需要中間設(shè)計(jì)。雖然有一個(gè)對(duì)稱(chēng)的地方,與重量,空間和相互制衡的元素之間的平衡可以是非常有趣的。
為了充分利用設(shè)計(jì)項(xiàng)目中的不對(duì)稱(chēng),可以考慮以下方面來(lái)創(chuàng)造和諧和視覺(jué)流暢感:
平衡元素和空間相互抵消。與白色空間搭配時(shí),沉重的元素會(huì)感覺(jué)更加平衡。
強(qiáng)調(diào)運(yùn)動(dòng)眼睛在設(shè)計(jì)中按預(yù)期移動(dòng)。想一想人們是如何閱讀的,并從左邊的較重元素和文本開(kāi)始,向右移動(dòng)。
使用顏色來(lái)創(chuàng)建焦點(diǎn)。
將網(wǎng)格上的所有東西都放在一起,形成一種組織和流動(dòng)的感覺(jué)。
注意重量。不對(duì)稱(chēng)的設(shè)計(jì)不應(yīng)該感到“不平衡”。用戶(hù)應(yīng)該輕松地瀏覽內(nèi)容。使用靜態(tài)元素(如導(dǎo)航)為不對(duì)稱(chēng)元素創(chuàng)建容器。

結(jié)論


打破設(shè)計(jì)規(guī)則可能會(huì)令人振奮......或是災(zāi)難性的。通過(guò)考慮項(xiàng)目或設(shè)計(jì)的目標(biāo),做出正確的選擇,以決定什么規(guī)則可以打破(以及何時(shí)打破)。如何打破一個(gè)規(guī)則,使這個(gè)項(xiàng)目更好地工作?它是否增強(qiáng)了用戶(hù)理解信息的可用性,功能或能力?

如果答案是肯定的,那么你的項(xiàng)目可能是打破規(guī)則,嘗試新的和不同的好畫(huà)布。不要因?yàn)闊o(wú)聊而破壞設(shè)計(jì)規(guī)則。


本文來(lái)自創(chuàng)新互聯(lián)品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)
標(biāo)簽:成都網(wǎng)站建設(shè)公司,成都網(wǎng)頁(yè)設(shè)計(jì)公司,成都網(wǎng)站設(shè)計(jì)公司,網(wǎng)站建設(shè) 成都,成都 網(wǎng)站建設(shè),成都企業(yè)網(wǎng)站建設(shè)營(yíng)銷(xiāo)型網(wǎng)站建設(shè),網(wǎng)站建設(shè)設(shè)計(jì),網(wǎng)站開(kāi)發(fā)網(wǎng)站制作設(shè)計(jì)

名稱(chēng)欄目:三種方式讓你打破網(wǎng)頁(yè)設(shè)計(jì)規(guī)則,讓網(wǎng)站不在條條框框
文章鏈接:http://muchs.cn/news/172341.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供云服務(wù)器網(wǎng)站收錄、服務(wù)器托管、網(wǎng)頁(yè)設(shè)計(jì)公司、建站公司、網(wǎng)站內(nèi)鏈

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

網(wǎng)站托管運(yùn)營(yíng)