網(wǎng)頁(yè)設(shè)計(jì)的注意事項(xiàng)
網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候，需要注意設(shè)計(jì)要求，適合用戶的使用習(xí)慣。下面整理了一些網(wǎng)頁(yè)設(shè)計(jì)的注意事項(xiàng)，希望對(duì)大家有所幫助!
1、logo位置
每個(gè)公司或應(yīng)用都有不同風(fēng)格的品牌元素，塑造品牌的關(guān)鍵是設(shè)計(jì)元素比如logo、字體和顏色等等要能代表該品牌。對(duì)于網(wǎng)頁(yè)設(shè)計(jì)來(lái)說(shuō)，這一點(diǎn)至關(guān)重要。Logo的位置可能與電腦版本有所不同，甚至可能只在移動(dòng)端應(yīng)用的主視圖呈現(xiàn)，所以配色方案很重要。
2、導(dǎo)航設(shè)計(jì)
在移動(dòng)設(shè)備上獲取信息實(shí)際上是有趣的體驗(yàn)，因此，令用戶在使用過(guò)程中感到愉快很有必要，簡(jiǎn)單地刪除屏幕上的鏈接并不能達(dá)到用戶友好體驗(yàn)的目的。導(dǎo)航應(yīng)該包含用戶需要的`內(nèi)容，并提供明確的路徑。如果用戶知道跳轉(zhuǎn)的具體頁(yè)面，就會(huì)進(jìn)行點(diǎn)擊。
3、頁(yè)面排版
網(wǎng)站頁(yè)面排版有三個(gè)事項(xiàng)：一是為了易于用戶閱讀，要盡量避免使用大量的文字，將這些文本重新調(diào)整為小圖標(biāo)或小條目是不錯(cuò)的做法;二是不要簡(jiǎn)單地刪除你認(rèn)為“不重要”的內(nèi)容，應(yīng)該重新調(diào)整這些內(nèi)容的布局;三是用引語(yǔ)、線條或其他設(shè)計(jì)元素隔開(kāi)大段的文字，使這些板塊顯得更美觀。
4、簡(jiǎn)短，聚焦
無(wú)論何時(shí)都不能期望用戶在使用應(yīng)用之前樂(lè)于閱讀說(shuō)明性質(zhì)的內(nèi)容。人們打開(kāi)應(yīng)用不是為了花時(shí)間學(xué)習(xí)怎樣使用UI，而是為了在最短的時(shí)間內(nèi)以最小的成本解決他們手頭的問(wèn)題。其實(shí)這也是個(gè)悖論，因?yàn)橐坏⿲W(xué)會(huì)更有效率的使用UI，用戶倒是可以為自己節(jié)省更多的時(shí)間。我們都知道，移動(dòng)端用戶不愿閱讀文字的習(xí)慣是出了名的，而移動(dòng)用戶在這方面則有過(guò)之而無(wú)不及，因?yàn)樵谝苿?dòng)情境中，人機(jī)會(huì)話時(shí)間更加有限，注意力更容易分散。
5、信息反饋
信息反饋是設(shè)計(jì)中很關(guān)鍵的一個(gè)部分，特別是網(wǎng)頁(yè)，用戶反饋顯得尤為重要。移動(dòng)設(shè)備不存在鼠標(biāo)懸停和動(dòng)畫(huà)，而且大多數(shù)設(shè)備都是在被觸摸時(shí)才有所顯示，所以及時(shí)提供清晰的操作反饋信息是非常重要的。在移動(dòng)設(shè)備上，視覺(jué)反饋?zhàn)顬殛P(guān)鍵。
6、避免一連串的提示
有些時(shí)候，一個(gè)界面里會(huì)有多個(gè)功能點(diǎn)需要被講解。然而通過(guò)一次一個(gè)的方式接二連三的蹦出浮層進(jìn)行說(shuō)明，則會(huì)使用戶更加不耐煩的關(guān)掉這些說(shuō)明，而不管它們是不是真的有用。
接連不斷的展示引導(dǎo)信息不僅會(huì)產(chǎn)生短期記憶方面的問(wèn)題，而且會(huì)讓新用戶覺(jué)得你的應(yīng)用過(guò)于復(fù)雜，望而生畏。記住，在實(shí)際當(dāng)中，這樣的初體驗(yàn)足以使他們關(guān)掉你的應(yīng)用，然后去尋找其他的替換方案。
7、盡量使用圖形元素
使用圖文并茂的形式，而不只是干巴巴的文字，這將能使用戶在最短的時(shí)間里對(duì)信息產(chǎn)生大致的了解。
對(duì)于前面提到的多步驟說(shuō)明，可以嘗試將每一步內(nèi)容濃縮為“恰當(dāng)?shù)膱D形元素+簡(jiǎn)短的文字”，并整合到一個(gè)展示層面上;這種方式即有利于用戶閱讀，也可以使多步驟的流程更直觀、易懂、易記憶。
8、不要和實(shí)際界面混淆
必須使引導(dǎo)提示在外觀上與實(shí)際界面元素有著明確的區(qū)分，否則引導(dǎo)提示就是在干擾實(shí)際界面，用戶也會(huì)迷茫，甚至?xí)呀虒W(xué)內(nèi)容當(dāng)做功能界面，試著與其交互。
【網(wǎng)頁(yè)設(shè)計(jì)的注意事項(xiàng)】相關(guān)文章：
網(wǎng)頁(yè)設(shè)計(jì)注意事項(xiàng)09-13
網(wǎng)頁(yè)設(shè)計(jì)的注意事項(xiàng)09-05
網(wǎng)頁(yè)設(shè)計(jì)注意事項(xiàng)02-16
深色網(wǎng)頁(yè)設(shè)計(jì)注意事項(xiàng)09-13
簡(jiǎn)潔網(wǎng)頁(yè)設(shè)計(jì)注意事項(xiàng)10-01
網(wǎng)頁(yè)設(shè)計(jì)環(huán)境的注意事項(xiàng)04-12
婚慶網(wǎng)頁(yè)設(shè)計(jì)的注意事項(xiàng)09-26