如何在網(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ì)，只要你沒有包含那么多讓他們變得如此困惑的事情，他們最終只想去其他地方。