首頁?>?知識?資訊?>?建設(shè)網(wǎng)站如何給網(wǎng)站布局?>?正文

建設(shè)網(wǎng)站如何給網(wǎng)站布局

2018/3/14 0:00:00 · 稿源:傳誠信

一、如何給網(wǎng)站布局

這不是你去給頁面布局,但內(nèi)容決定了布局。 布局是內(nèi)容組織的必然結(jié)果。 考慮到頁面的所有需求,頁面的布局自然會形成。 將頁面的所有頁面扔到頁面中,然后移動它們并調(diào)整它們。

201803141047210397.jpg

在不斷調(diào)整的過程中,需要支持以下幾點(diǎn):

  • 充分理解頁面的不同組成部分并確定主要和次要要點(diǎn)。

  • 引導(dǎo)用戶對布局的看法,了解用戶在瀏覽網(wǎng)頁時的習(xí)慣。 例如,用戶習(xí)慣從上到下瀏覽網(wǎng)站,從左到右,左上角是第一視線,右下角是最后的休息點(diǎn),右上角和左下角是視覺盲人 現(xiàn)場,所以設(shè)計(jì)時可以比較重要的內(nèi)容是在左上角和右下角。

  • 使用顏色來吸引注意力,突出顯示突出顯示的顏色,例如左上角的徽標(biāo)和右下角的按鈕是最重要的部分。 為了突出這兩部分,您可以使用一種顏色,這種顏色在網(wǎng)站上不會在其他地方使用。 這產(chǎn)生了對比并突出顯示它。

二、統(tǒng)一設(shè)計(jì)風(fēng)格

統(tǒng)一的設(shè)計(jì)風(fēng)格只是說了一點(diǎn),就是使用象征性的統(tǒng)一設(shè)計(jì)風(fēng)格,顧名思義,這個標(biāo)志既可以是品牌標(biāo)志,也可以是網(wǎng)站的整體標(biāo)志性風(fēng)格。

在界面一體化的章節(jié)中,作者沒有多少介紹,浪費(fèi)了三頁紙,界面設(shè)計(jì)中統(tǒng)一性的重要性非常高。 在這里我想利用“介紹交互設(shè)計(jì)4的精髓”對引入統(tǒng)一性和我對統(tǒng)一性的理解做一點(diǎn)補(bǔ)充,主要?dú)w納為以下兩點(diǎn):


1. 統(tǒng)一性的益處


  • 統(tǒng)一意味著軟件產(chǎn)品的不同模塊必須具有相似的外觀,感受和行為。

  • 統(tǒng)一改進(jìn)易用性和學(xué)習(xí),降低用戶學(xué)習(xí)成本,并減少客戶培訓(xùn)和技術(shù)支持成本。

  • 改進(jìn)設(shè)計(jì)和代碼的重用,減少開發(fā)時間和工作量。

  • Unity可以創(chuàng)造有序的感覺并讓用戶感覺舒適。

  • 給予用戶統(tǒng)一和統(tǒng)一的印象使用戶更容易識別產(chǎn)品開發(fā)人員的專業(yè)性,從而提高用戶對產(chǎn)品的信任。

2. 如何做到統(tǒng)一

  • 建立關(guān)系:通常一起使用的元素在空間上被組織以減少鼠標(biāo)的移動;具有相似功能的元素在視覺上是組織的,也就是說,視覺元素與行為元素是一致的。

  • 將視覺元素與網(wǎng)格系統(tǒng)對齊:這是設(shè)計(jì)人員幫助用戶組織和系統(tǒng)體驗(yàn)產(chǎn)品的重要途徑。

  • 一致性:如果屏幕上的兩個區(qū)域需要幾乎相同的空間量,則應(yīng)將它們設(shè)置為完全相同;如果這兩個地區(qū)需要不同的規(guī)模,他們可以有很大的不同。如果他們不能完全一致,他們可以增加。差異,因?yàn)榧?xì)微的差異可能會讓用戶感到不穩(wěn)定。

  • 一致的間距和定位:如果屏幕的標(biāo)題部分始終完全顯示在同一位置,則用戶無需思考或?yàn)g覽界面。一致的間隔和定位可以幫助人們內(nèi)在的視覺處理機(jī)制,大大提高屏幕的可讀性。性別。

  • 重用元素:這樣用戶只需要學(xué)習(xí)一次。

三、如何設(shè)計(jì)導(dǎo)航

人們通常獲得指導(dǎo)的方式是粗略瀏覽一下頁面,看看他們有什么樣的選擇,并快速篩選出他們不感興趣的內(nèi)容。

在設(shè)計(jì)導(dǎo)航時,讓用戶感覺他們是主人。 使用呼叫短語設(shè)計(jì)導(dǎo)航,如“創(chuàng)建頁面”,這使用戶感覺他們正在指導(dǎo)軟件。 他們是領(lǐng)導(dǎo)者,而不是領(lǐng)導(dǎo)者。


四、創(chuàng)建鏈接

在許多網(wǎng)站中,有各種鏈接。 這些鏈接根據(jù)時間,相關(guān)性,點(diǎn)擊率等按各種順序進(jìn)行排列。許多網(wǎng)站的排列方式很簡單,很少進(jìn)行詳細(xì)設(shè)計(jì)。 作者舉了一個例子:

△ 這是某公司內(nèi)部網(wǎng)首頁的新聞列表,目的是讓該公司的員工隨時了解最新事件,是按照時間順序排列。

經(jīng)作者的重新設(shè)計(jì),如下:

設(shè)計(jì)思維:這些鏈接中的最新事件往往是最重要的; 如何讓用戶了解鏈接按時間順序排列;

所使用的設(shè)計(jì)方法是為了讓環(huán)境提供一個引導(dǎo)線索,就像日本車站在火車即將進(jìn)入車站時將播放獨(dú)特的音樂一樣。 這種獨(dú)特的音樂可以有效吸引乘客的注意力,并準(zhǔn)備早日起飛。 作者試圖將環(huán)境提示的概念應(yīng)用到鏈接列表中。

首先更改字體大小,將字體大小從大變小,顯示鏈接的優(yōu)先級,并從更深和更輕的字符中創(chuàng)建年齡感,以便用戶可以清楚地了解最重要的內(nèi)容。

作者從列車到車站的音樂靈感來源于設(shè)計(jì)。 因此,我們通常應(yīng)該出去散步,觀察生活,拓寬視野,看看能夠激發(fā)靈感和加強(qiáng)我們設(shè)計(jì)的東西。

北京傳誠信,行業(yè)領(lǐng)先網(wǎng)站建設(shè)公司,14年專注企業(yè)網(wǎng)站一站式服務(wù),已為眾多企業(yè)公司提供網(wǎng)站建設(shè),網(wǎng)站設(shè)計(jì),網(wǎng)站制作,手機(jī)網(wǎng)站開發(fā),模板建站等服務(wù)。高端定制網(wǎng)站建設(shè)領(lǐng)軍品牌--傳誠信值得信賴!

  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門
  • 最新
客戶服務(wù)
咨詢熱線

010-62199213

24小時咨詢熱線

139-1050-5354