資訊 · NEWS

網站設計(jì)的(de)統一性

2021-11-23 設計(jì)前沿 100 分(fēn)享

1.設計(jì)風格: 根據客戶需求和(hé)企業(yè)VI,全站與現在形成統一的(de)企業(yè)形象。網站色彩基本遵循主色、點綴色、輔助色的(de)形式。在繪圖上(shàng)也(yě)需要配合顔色的(de)選擇,不要突兀的(de)跳動。 

2.在字體上(shàng): 目前使用(yòng)的(de)中文(wén)程序字體大(dà)部分(fēn)是、思源粗體、微軟雅黑(hēi)、宋體。英語可(kě)以選擇更多,使用(yòng)調用(yòng)前端字體時更容易實現。以中文(wén)字體爲例,一個(gè)網站的(de)程序字體基本上(shàng)會(huì)以同樣的(de)形式出現。

一、在字體大(dà)小(xiǎo)的(de)應用(yòng)中,不建議超過4種,最多使用(yòng)3種。 如(rú)果使用(yòng)過多的(de)顔色和(hé)字體大(dà)小(xiǎo),頁面會(huì)顯得雜亂無章(zhāng),眼花缭亂,不利于閱讀(dú)。

二、是前端效應

前端效果是加分(fēn)還是減分(fēn),對于網站來說是一個(gè)非常重要的(de)因素,我們在前端上(shàng)也(yě)要求統一。 

1.圖片展示形式。

 圖片呈現形式,橫幅大(dà)圖可(kě)以多種方式使用(yòng),也(yě)可(kě)以單獨作爲展示點。至于其他(tā)形式的(de)頁面,如(rú)果首頁跟随鼠标懸浮,圖片可(kě)以稍微放(fàng)大(dà)。建議全站采用(yòng)這種形式,而不是一處放(fàng)大(dà),一處縮小(xiǎo)。 

2.文(wén)本暫停

同樣,鼠标懸浮的(de)樣式、文(wén)字變色、下劃線的(de)出現也(yě)要求全站一緻。 基本上(shàng),通過把握這兩個(gè)類别,就可(kě)以統一網站的(de)風格,讓用(yòng)戶在浏覽網頁時擁有(yǒu)更好的(de)用(yòng)戶。微交互幫你(nǐ)玩轉網頁設計(jì),提升用(yòng)戶體驗微交互是用(yòng)戶在浏覽網頁時的(de)一種交互方式。在這個(gè)充滿變數的(de)數字時代,微交互已經成爲整體用(yòng)戶體驗的(de)重要元素。 在早期的(de)網頁設計(jì)中,微交互的(de)應用(yòng)僅僅體現在一些細節上(shàng)。例如(rú),當您使用(yòng)鼠标選擇文(wén)本并懸停時,顔色會(huì)發生變化,表示您可(kě)以單擊“取消”。當你(nǐ)登錄你(nǐ)的(de)賬号時,會(huì)有(yǒu)一個(gè)動畫顯示進度,甚至會(huì)彈出一條信息讓你(nǐ)知道你(nǐ)輸入了錯誤的(de)密碼。 适時的(de)一些細節變化,起到(dào)了提示關鍵點的(de)作用(yòng)。這些微小(xiǎo)的(de)視覺線索和(hé)其他(tā)微妙的(de)指令是微互動。 

爲了提高(gāo)用(yòng)戶的(de)體驗和(hé)參與度,微交互在網頁設計(jì)中的(de)應用(yòng)越來越頻繁。當你(nǐ)将鼠标滑過并點擊網頁的(de)各個(gè)部分(fēn)時,它會(huì)在屏幕上(shàng)産生響應,比如(rú)顔色、大(dà)小(xiǎo)、位置、内容和(hé)聲音(yīn)的(de)變化,這大(dà)大(dà)增強了用(yòng)戶的(de)體驗,增加了他(tā)們對網頁的(de)喜愛,被認爲是一個(gè)很酷的(de)功能(néng)。


文(wén)章(zhāng)及圖片來源網絡

版權歸原作者所有(yǒu)

如(rú)涉及版權問題請及時聯系我們處理(lǐ),謝謝!




QQ2285001706 0592-5865936
x
Title