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

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

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

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


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

3.創(chuàng)建對稱平衡


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

結(jié)論


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

如果答案是肯定的,那么你的項目可能是打破規(guī)則,嘗試新的和不同的好畫布。不要因為無聊而破壞設(shè)計規(guī)則。


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

文章標(biāo)題:三種方式讓你打破網(wǎng)頁設(shè)計規(guī)則,讓網(wǎng)站不在條條框框
文章鏈接:http://www.muchs.cn/news41/172341.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供移動網(wǎng)站建設(shè)、App設(shè)計、ChatGPT、建站公司企業(yè)網(wǎng)站制作、自適應(yīng)網(wǎng)站

廣告

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

微信小程序開發(fā)