全美商學院
新聞
新聞

成都網站(zhàn)建設公司:網站(zhàn)界面設計(jì)的規範

2020
09/04
12:31
全美網絡官網
分享

一般情況下,較為(wèi)常見的網站(zhàn)細節設計(jì)主要根據視(shì)覺效果規範進行(xíng)界面設計(jì),下面成都網站(zhàn)建設公司來(lái)詳細講講,這一部分內(nèi)容是在測試的時(shí)候進行(xíng)的。

界面設計(jì)

1、文字、圖标之間(jiān)風格的統一性

同一界面中的字體(tǐ)風格盡量統一,同一産品中所有(yǒu)字體(tǐ)總數(shù)不超過三個(gè),且風格盡量相似。除此之外還(hái)需注意不同級字體(tǐ)的大(dà)小(xiǎo)區(qū)别,以及同級标題的字體(tǐ)大(dà)小(xiǎo)統一。同理(lǐ),界面圖标的風格也要注意統一,不要一會(huì)兒扁平圖标,一會(huì)兒線性圖标,很(hěn)容易在視(shì)覺上(shàng)給使用者“混亂”的感覺。

2、UI 細節實現效果

可(kě)以與設計(jì)圖對比,記錄下相關問題差異提交給開(kāi)發,保證細節不會(huì)被遺失,設計(jì)效果的完美實現。我一般會(huì)整理(lǐ)成文檔再交給開(kāi)發。 懂一些(xiē)前端代碼會(huì)更方便,可(kě)以直接在開(kāi)發者模式下進行(xíng)調試,然後告知開(kāi)發。

3、巧用漸變色和(hé)陰影(yǐng)優化界面視(shì)覺效果

漸變色和(hé)陰影(yǐng)的處理(lǐ)将一定程度上(shàng)增加界面中交互菜單的立體(tǐ)感,從而使整體(tǐ)界面的視(shì)覺效果變得(de)更加高(gāo)級。但(dàn)對于漸變色的選擇一定要謹慎的使用,避免選擇色差較大(dà)的漸變色,或者飽和(hé)度高(gāo)的顔色,在視(shì)覺上(shàng)給用戶界面過花(huā),俗氣的感覺。

4、人(rén)性化的交互動效

所謂微交互,就是常常會(huì)被菜鳥設計(jì)師(shī)所忽略,但(dàn)卻會(huì)對界面信息的轉化率産生(shēng)巨大(dà)影(yǐng)響的細節設計(jì),它直接影(yǐng)響着用戶體(tǐ)驗的好壞。設計(jì)者需要着眼于某個(gè)單項交互時(shí)間(jiān)或者任務,創造出吸引人(rén)或者令人(rén)高(gāo)興的瞬間(jiān),換句話(huà)說,就是讓用戶在體(tǐ)驗的瞬間(jiān)感受到人(rén)性化的設計(jì)。

5、頁面加載速度

這是為(wèi)了确保加載等待期不會(huì)過長。

如果過長,可(kě)與成都網站(zhàn)建設公司探討(tǎo)原因并嘗試解決,因為(wèi)導緻的原因可(kě)能很(hěn)多(duō)。如果是圖片、動圖、視(shì)頻等體(tǐ)量過大(dà),導緻加載緩慢,可(kě)進行(xíng)一下壓縮再使用。

聯系我們
歡迎來(lái)到全美,免費
獲取專業網站(zhàn)建設方案
電(diàn)話(huà)咨詢:

18140041855

您還(hái)可(kě)以預約資深顧問
隐私信息保護中,請(qǐng)放心填寫

在線客服

電(diàn)話(huà)咨詢

微信咨詢

微信号複制(zhì)成功
18140041855 (蘇女士)
打開(kāi)微信,粘貼添加好友(yǒu),免費詢價吧(ba)