如何在網(wǎng)站設(shè)計中使用一致性

每當設(shè)計師花時間坐下來設(shè)計一些新的東西時，除了構(gòu)建一個看起來很吸引觀眾的布局之外，還有很多內(nèi)容。建立一組規(guī)則也很重要，這些規(guī)則與接口如何能夠處理它接收的各種形式的信息有關(guān)。

后來，如果我們決定創(chuàng)造一些新的東西，基本上顛覆了我們之前建立的模式和標準，我們必須有一個能夠輕松支持這一決定的理性解釋。

網(wǎng)站設(shè)計的一致性基本上可以幫助設(shè)計人員創(chuàng)建有效的系統(tǒng)。設(shè)計的一致性非常重要，即使僅僅考慮它可能聽起來完全無趣。

1、結(jié)構(gòu)和相互作用

這兩者對于創(chuàng)建一致的頁面設(shè)計和用戶界面絕對是關(guān)鍵。我們經(jīng)常忘記每當我們開始開發(fā)某些東西時，交互和結(jié)構(gòu)將如何影響用戶體驗。例如，創(chuàng)建可用且一致的用戶界面與為整個家庭創(chuàng)建計劃和藍圖同樣重要。

在開始嘗試編寫代碼之前，請考慮以下事項：考慮如何在整個應(yīng)用程序和/或網(wǎng)站中一致地放置不同的元素?？紤]您將實際使用的特定用戶界面模式，并考慮您最需要的輸入元素類型。

在選擇涵蓋所有圖標的好圖標集之前，您還應(yīng)確定實際需要的圖標

2、用戶界面模式

開始考慮您最需要使用的特定用戶界面模式，例如模態(tài)，手風(fēng)琴和畫廊。當您提前計劃這些事情時，您不僅可以更快地開發(fā)和設(shè)計應(yīng)用程序，而且還可以提前計算出所有內(nèi)容。最后，您可以節(jié)省大量時間，因為您將回答許多緊迫的問題。

3、一致性的重要性

沒有人應(yīng)該懷疑同樣的事情是否真的意味著不同的事情，或者不同的事物是否實際意味著同樣的事情。通常，如果事情看起來相同，那么個人會認為他們的意思相同。

最后，我們?nèi)珯?quán)負責(zé)我們創(chuàng)造的一切。這意味著我們完全有責(zé)任承擔(dān)這一責(zé)任，并確保我們盡最大努力完成可能的最佳工作，包括確保一切始終如一。

設(shè)計師永遠無法真正改變會議的結(jié)果，任何短期決策都可能產(chǎn)生影響，最終可能會出現(xiàn)問題。

4、使您的設(shè)計保持一致

簡單的任務(wù)無法確保一致性，例如在通過電子郵件發(fā)送之前創(chuàng)建樣式指南和定義用戶界面規(guī)則。一旦實際定義了這些規(guī)則，確保實際正確地遵守這些規(guī)則非常重要。

執(zhí)行此操作的最佳方法是使用各種框架定義用戶界面樣式。這些能夠幫助開發(fā)團隊保持一致，而無需自己完成太多的工作。另一個有用的提示是參與可用性測試，收集定性信息，并解決可能出現(xiàn)的所有問題。

5、內(nèi)部一致性

由于滿足各種用戶期望，外部一致性肯定可以增強您的整體用戶界面設(shè)計。但是，內(nèi)部一致性通常被視為更多的要求，如果未正確滿足用戶體驗，則實際上可能會對用戶體驗造成損害。

當您處理內(nèi)部一致性時，嘗試涵蓋以下所有內(nèi)容非常重要：顏色，排版，語言，一般視覺效果，布局/位置，交互。

6、使網(wǎng)站保持一致

如果您想使網(wǎng)站保持一致，則應(yīng)在整個過程中使用相同的顏色。此外，所有元素之間應(yīng)該有一致的水平和垂直間距。

導(dǎo)航非常重要，應(yīng)位于同一位置，文本鏈接應(yīng)始終為相同顏色。確保所有圖標屬于同一系列或具有相同的樣式。

7、確保您的網(wǎng)站始終保持一致

確保您的網(wǎng)站保持一致的一種方法是使用某種  CSS框架，這樣您就可以始終保持一致的布局。有時，您可能會覺得僅僅為了保持一致而網(wǎng)站設(shè)計一些東西是相當無聊的。相反，您可能會覺得您想要為用戶提供一些驚喜，這是完全可以接受的。

讓你的用戶保持警覺并想知道接下來可能會發(fā)生什么并沒有什么不對，只要你沒有包含那么多讓他們變得如此困惑的事情，他們最終只想去其他地方。