如何在網(wǎng)站設(shè)計(jì)中使用一致性
發(fā)表日期:2019/2/26 10:14:00 文章編輯: 瑩晨建站 瀏覽次數(shù):2392
如何在網(wǎng)站設(shè)計(jì)中使用一致性
每當(dāng)設(shè)計(jì)師花時(shí)間坐下來(lái)設(shè)計(jì)一些新的東西時(shí),除了構(gòu)建一個(gè)看起來(lái)很吸引觀眾的布局之外,還有很多內(nèi)容。建立一組規(guī)則也很重要,這些規(guī)則與接口如何能夠處理它接收的各種形式的信息有關(guān)。
后來(lái),如果我們決定創(chuàng)造一些新的東西,基本上顛覆了我們之前建立的模式和標(biāo)準(zhǔn),我們必須有一個(gè)能夠輕松支持這一決定的理性解釋。
網(wǎng)站設(shè)計(jì)的一致性基本上可以幫助設(shè)計(jì)人員創(chuàng)建有效的系統(tǒng)。設(shè)計(jì)的一致性非常重要,即使僅僅考慮它可能聽起來(lái)完全無(wú)趣。
1、結(jié)構(gòu)和相互作用
這兩者對(duì)于創(chuàng)建一致的頁(yè)面設(shè)計(jì)和用戶界面絕對(duì)是關(guān)鍵。我們經(jīng)常忘記每當(dāng)我們開始開發(fā)某些東西時(shí),交互和結(jié)構(gòu)將如何影響用戶體驗(yàn)。例如,創(chuàng)建可用且一致的用戶界面與為整個(gè)家庭創(chuàng)建計(jì)劃和藍(lán)圖同樣重要。
在開始嘗試編寫代碼之前,請(qǐng)考慮以下事項(xiàng):考慮如何在整個(gè)應(yīng)用程序和/或網(wǎng)站中一致地放置不同的元素??紤]您將實(shí)際使用的特定用戶界面模式,并考慮您最需要的輸入元素類型。
在選擇涵蓋所有圖標(biāo)的好圖標(biāo)集之前,您還應(yīng)確定實(shí)際需要的圖標(biāo)
2、用戶界面模式
開始考慮您最需要使用的特定用戶界面模式,例如模態(tài),手風(fēng)琴和畫廊。當(dāng)您提前計(jì)劃這些事情時(shí),您不僅可以更快地開發(fā)和設(shè)計(jì)應(yīng)用程序,而且還可以提前計(jì)算出所有內(nèi)容。最后,您可以節(jié)省大量時(shí)間,因?yàn)槟鷮⒒卮鹪S多緊迫的問(wèn)題。
3、一致性的重要性
沒有人應(yīng)該懷疑同樣的事情是否真的意味著不同的事情,或者不同的事物是否實(shí)際意味著同樣的事情。通常,如果事情看起來(lái)相同,那么個(gè)人會(huì)認(rèn)為他們的意思相同。
最后,我們?nèi)珯?quán)負(fù)責(zé)我們創(chuàng)造的一切。這意味著我們完全有責(zé)任承擔(dān)這一責(zé)任,并確保我們盡最大努力完成可能的最佳工作,包括確保一切始終如一。
設(shè)計(jì)師永遠(yuǎn)無(wú)法真正改變會(huì)議的結(jié)果,任何短期決策都可能產(chǎn)生影響,最終可能會(huì)出現(xiàn)問(wèn)題。
4、使您的設(shè)計(jì)保持一致
簡(jiǎn)單的任務(wù)無(wú)法確保一致性,例如在通過(guò)電子郵件發(fā)送之前創(chuàng)建樣式指南和定義用戶界面規(guī)則。一旦實(shí)際定義了這些規(guī)則,確保實(shí)際正確地遵守這些規(guī)則非常重要。
執(zhí)行此操作的最佳方法是使用各種框架定義用戶界面樣式。這些能夠幫助開發(fā)團(tuán)隊(duì)保持一致,而無(wú)需自己完成太多的工作。另一個(gè)有用的提示是參與可用性測(cè)試,收集定性信息,并解決可能出現(xiàn)的所有問(wèn)題。
5、內(nèi)部一致性
由于滿足各種用戶期望,外部一致性肯定可以增強(qiáng)您的整體用戶界面設(shè)計(jì)。但是,內(nèi)部一致性通常被視為更多的要求,如果未正確滿足用戶體驗(yàn),則實(shí)際上可能會(huì)對(duì)用戶體驗(yàn)造成損害。
當(dāng)您處理內(nèi)部一致性時(shí),嘗試涵蓋以下所有內(nèi)容非常重要:顏色,排版,語(yǔ)言,一般視覺效果,布局/位置,交互。
6、使網(wǎng)站保持一致
如果您想使網(wǎng)站保持一致,則應(yīng)在整個(gè)過(guò)程中使用相同的顏色。此外,所有元素之間應(yīng)該有一致的水平和垂直間距。
導(dǎo)航非常重要,應(yīng)位于同一位置,文本鏈接應(yīng)始終為相同顏色。確保所有圖標(biāo)屬于同一系列或具有相同的樣式。
7、確保您的網(wǎng)站始終保持一致
確保您的網(wǎng)站保持一致的一種方法是使用某種 CSS框架,這樣您就可以始終保持一致的布局。有時(shí),您可能會(huì)覺得僅僅為了保持一致而網(wǎng)站設(shè)計(jì)一些東西是相當(dāng)無(wú)聊的。相反,您可能會(huì)覺得您想要為用戶提供一些驚喜,這是完全可以接受的。
讓你的用戶保持警覺并想知道接下來(lái)可能會(huì)發(fā)生什么并沒有什么不對(duì),只要你沒有包含那么多讓他們變得如此困惑的事情,他們最終只想去其他地方。
-
訪客離開網(wǎng)站的原因
日期:2019-10-24 瀏覽次數(shù):2395
-
網(wǎng)站維護(hù)的具體步驟有哪些
日期:2019-10-24 瀏覽次數(shù):2333
-
了解跨瀏覽器兼容的網(wǎng)站
日期:2019-10-24 瀏覽次數(shù):2360
-
以正確的方式使用號(hào)召性用語(yǔ)
日期:2019-10-24 瀏覽次數(shù):2400
-
如何避免CSS中的常見錯(cuò)誤?
日期:2019-10-24 瀏覽次數(shù):2220
-
免費(fèi)SSL證書申請(qǐng)網(wǎng)站topssl.cn上線
日期:2024-09-23 瀏覽次數(shù):1089
-
如何在北京順義尋找一個(gè)踏實(shí)的網(wǎng)站建設(shè)公司
日期:2023-08-10 瀏覽次數(shù):4142
-
順義網(wǎng)站建設(shè):北京順義網(wǎng)站建設(shè)的優(yōu)點(diǎn)
日期:2023-05-25 瀏覽次數(shù):4565
-
選擇網(wǎng)站公司需要考慮哪些因素
日期:2023-05-25 瀏覽次數(shù):3425
-
北京模板建站
日期:2023-03-28 瀏覽次數(shù):3606
-
當(dāng)您的SEO策略出錯(cuò)時(shí)采取的步驟
日期:2019-04-11 瀏覽次數(shù):2204
-
如何把握網(wǎng)站設(shè)計(jì)元素讓自己網(wǎng)站脫穎而出?
日期:2021-03-29 瀏覽次數(shù):2226
-
響應(yīng)式網(wǎng)站設(shè)計(jì)有多重要
日期:2019-01-04 瀏覽次數(shù):2387
-
網(wǎng)站表現(xiàn)無(wú)聊的9個(gè)提示
日期:2019-03-13 瀏覽次數(shù):2342
-
網(wǎng)站建設(shè)過(guò)程中需要注重的重點(diǎn)
日期:2018-11-06 瀏覽次數(shù):2598