如何在網(wǎng)站設(shè)計(jì)中使用一致性
發(fā)表日期:2019/2/26 10:14:00 文章編輯: 瑩晨建站 瀏覽次數(shù):2737
如何在網(wǎng)站設(shè)計(jì)中使用一致性
每當(dāng)設(shè)計(jì)師花時(shí)間坐下來設(shè)計(jì)一些新的東西時(shí),除了構(gòu)建一個看起來很吸引觀眾的布局之外,還有很多內(nèi)容。建立一組規(guī)則也很重要,這些規(guī)則與接口如何能夠處理它接收的各種形式的信息有關(guān)。
后來,如果我們決定創(chuàng)造一些新的東西,基本上顛覆了我們之前建立的模式和標(biāo)準(zhǔn),我們必須有一個能夠輕松支持這一決定的理性解釋。
網(wǎng)站設(shè)計(jì)的一致性基本上可以幫助設(shè)計(jì)人員創(chuàng)建有效的系統(tǒng)。設(shè)計(jì)的一致性非常重要,即使僅僅考慮它可能聽起來完全無趣。

1、結(jié)構(gòu)和相互作用
這兩者對于創(chuàng)建一致的頁面設(shè)計(jì)和用戶界面絕對是關(guān)鍵。我們經(jīng)常忘記每當(dāng)我們開始開發(fā)某些東西時(shí),交互和結(jié)構(gòu)將如何影響用戶體驗(yàn)。例如,創(chuàng)建可用且一致的用戶界面與為整個家庭創(chuàng)建計(jì)劃和藍(lán)圖同樣重要。
在開始嘗試編寫代碼之前,請考慮以下事項(xiàng):考慮如何在整個應(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多緊迫的問題。
3、一致性的重要性
沒有人應(yīng)該懷疑同樣的事情是否真的意味著不同的事情,或者不同的事物是否實(shí)際意味著同樣的事情。通常,如果事情看起來相同,那么個人會認(rèn)為他們的意思相同。
最后,我們?nèi)珯?quán)負(fù)責(zé)我們創(chuàng)造的一切。這意味著我們完全有責(zé)任承擔(dān)這一責(zé)任,并確保我們盡最大努力完成可能的最佳工作,包括確保一切始終如一。
設(shè)計(jì)師永遠(yuǎn)無法真正改變會議的結(jié)果,任何短期決策都可能產(chǎn)生影響,最終可能會出現(xiàn)問題。
4、使您的設(shè)計(jì)保持一致
簡單的任務(wù)無法確保一致性,例如在通過電子郵件發(fā)送之前創(chuàng)建樣式指南和定義用戶界面規(guī)則。一旦實(shí)際定義了這些規(guī)則,確保實(shí)際正確地遵守這些規(guī)則非常重要。
執(zhí)行此操作的最佳方法是使用各種框架定義用戶界面樣式。這些能夠幫助開發(fā)團(tuán)隊(duì)保持一致,而無需自己完成太多的工作。另一個有用的提示是參與可用性測試,收集定性信息,并解決可能出現(xiàn)的所有問題。
5、內(nèi)部一致性
由于滿足各種用戶期望,外部一致性肯定可以增強(qiáng)您的整體用戶界面設(shè)計(jì)。但是,內(nèi)部一致性通常被視為更多的要求,如果未正確滿足用戶體驗(yàn),則實(shí)際上可能會對用戶體驗(yàn)造成損害。
當(dāng)您處理內(nèi)部一致性時(shí),嘗試涵蓋以下所有內(nèi)容非常重要:顏色,排版,語言,一般視覺效果,布局/位置,交互。

6、使網(wǎng)站保持一致
如果您想使網(wǎng)站保持一致,則應(yīng)在整個過程中使用相同的顏色。此外,所有元素之間應(yīng)該有一致的水平和垂直間距。
導(dǎo)航非常重要,應(yīng)位于同一位置,文本鏈接應(yīng)始終為相同顏色。確保所有圖標(biāo)屬于同一系列或具有相同的樣式。
7、確保您的網(wǎng)站始終保持一致
確保您的網(wǎng)站保持一致的一種方法是使用某種 CSS框架,這樣您就可以始終保持一致的布局。有時(shí),您可能會覺得僅僅為了保持一致而網(wǎng)站設(shè)計(jì)一些東西是相當(dāng)無聊的。相反,您可能會覺得您想要為用戶提供一些驚喜,這是完全可以接受的。
讓你的用戶保持警覺并想知道接下來可能會發(fā)生什么并沒有什么不對,只要你沒有包含那么多讓他們變得如此困惑的事情,他們最終只想去其他地方。
-
訪客離開網(wǎng)站的原因
日期:2019-10-24 瀏覽次數(shù):2826
-
網(wǎng)站維護(hù)的具體步驟有哪些
日期:2019-10-24 瀏覽次數(shù):2825
-
了解跨瀏覽器兼容的網(wǎng)站
日期:2019-10-24 瀏覽次數(shù):2806
-
以正確的方式使用號召性用語
日期:2019-10-24 瀏覽次數(shù):2849
-
如何避免CSS中的常見錯誤?
日期:2019-10-24 瀏覽次數(shù):2667
-
免費(fèi)SSL證書申請網(wǎng)站topssl.cn上線
日期:2024-09-23 瀏覽次數(shù):2330
-
如何在北京順義尋找一個踏實(shí)的網(wǎng)站建設(shè)公司
日期:2023-08-10 瀏覽次數(shù):5357
-
順義網(wǎng)站建設(shè):北京順義網(wǎng)站建設(shè)的優(yōu)點(diǎn)
日期:2023-05-25 瀏覽次數(shù):5737
-
選擇網(wǎng)站公司需要考慮哪些因素
日期:2023-05-25 瀏覽次數(shù):4561
-
北京模板建站
日期:2023-03-28 瀏覽次數(shù):4786
-
優(yōu)化您的網(wǎng)站以獲得更多轉(zhuǎn)化的提示
日期:2019-03-15 瀏覽次數(shù):2643
-
APP交互動效像紙粘在手指上移動
日期:2015-08-05 瀏覽次數(shù):3439
-
現(xiàn)代網(wǎng)站設(shè)計(jì)的5個基本要素
日期:2019-03-13 瀏覽次數(shù):2728
-
靜態(tài)網(wǎng)站與動態(tài)網(wǎng)站有何不同
日期:2019-10-24 瀏覽次數(shù):2441
-
網(wǎng)站設(shè)計(jì)中五種絕對錯誤的顏色
日期:2019-07-29 瀏覽次數(shù):2670










