一、如何給網(wǎng)站布局
這不是你去給頁(yè)面布局，但內(nèi)容決定了布局。 布局是內(nèi)容組織的必然結(jié)果。 考慮到頁(yè)面的所有需求，頁(yè)面的布局自然會(huì)形成。 將頁(yè)面的所有頁(yè)面扔到頁(yè)面中，然后移動(dòng)它們并調(diào)整它們。
在不斷調(diào)整的過程中，需要支持以下幾點(diǎn)：
充分理解頁(yè)面的不同組成部分并確定主要和次要要點(diǎn)。
引導(dǎo)用戶對(duì)布局的看法，了解用戶在瀏覽網(wǎng)頁(yè)時(shí)的習(xí)慣。 例如，用戶習(xí)慣從上到下瀏覽網(wǎng)站，從左到右，左上角是第一視線，右下角是最后的休息點(diǎn)，右上角和左下角是視覺盲人 現(xiàn)場(chǎng)，所以設(shè)計(jì)時(shí)可以比較重要的內(nèi)容是在左上角和右下角。
使用顏色來(lái)吸引注意力，突出顯示突出顯示的顏色，例如左上角的徽標(biāo)和右下角的按鈕是最重要的部分。 為了突出這兩部分，您可以使用一種顏色，這種顏色在網(wǎng)站上不會(huì)在其他地方使用。 這產(chǎn)生了對(duì)比并突出顯示它。
二、統(tǒng)一設(shè)計(jì)風(fēng)格
統(tǒng)一的設(shè)計(jì)風(fēng)格只是說了一點(diǎn)，就是使用象征性的統(tǒng)一設(shè)計(jì)風(fēng)格，顧名思義，這個(gè)標(biāo)志既可以是品牌標(biāo)志，也可以是網(wǎng)站的整體標(biāo)志性風(fēng)格。
在界面一體化的章節(jié)中，作者沒有多少介紹，浪費(fèi)了三頁(yè)紙，界面設(shè)計(jì)中統(tǒng)一性的重要性非常高。 在這里我想利用“介紹交互設(shè)計(jì)4的精髓”對(duì)引入統(tǒng)一性和我對(duì)統(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ā)時(shí)間和工作量。
Unity可以創(chuàng)造有序的感覺并讓用戶感覺舒適。
給予用戶統(tǒng)一和統(tǒng)一的印象使用戶更容易識(shí)別產(chǎn)品開發(fā)人員的專業(yè)性，從而提高用戶對(duì)產(chǎn)品的信任。
2. 如何做到統(tǒng)一
建立關(guān)系：通常一起使用的元素在空間上被組織以減少鼠標(biāo)的移動(dòng);具有相似功能的元素在視覺上是組織的，也就是說，視覺元素與行為元素是一致的。
將視覺元素與網(wǎng)格系統(tǒng)對(duì)齊：這是設(shè)計(jì)人員幫助用戶組織和系統(tǒng)體驗(yàn)產(chǎn)品的重要途徑。
一致性：如果屏幕上的兩個(gè)區(qū)域需要幾乎相同的空間量，則應(yīng)將它們?cè)O(shè)置為完全相同;如果這兩個(gè)地區(qū)需要不同的規(guī)模，他們可以有很大的不同。如果他們不能完全一致，他們可以增加。差異，因?yàn)榧?xì)微的差異可能會(huì)讓用戶感到不穩(wěn)定。
一致的間距和定位：如果屏幕的標(biāo)題部分始終完全顯示在同一位置，則用戶無(wú)需思考或?yàn)g覽界面。一致的間隔和定位可以幫助人們內(nèi)在的視覺處理機(jī)制，大大提高屏幕的可讀性。性別。
重用元素：這樣用戶只需要學(xué)習(xí)一次。
三、如何設(shè)計(jì)導(dǎo)航
人們通常獲得指導(dǎo)的方式是粗略瀏覽一下頁(yè)面，看看他們有什么樣的選擇，并快速篩選出他們不感興趣的內(nèi)容。
在設(shè)計(jì)導(dǎo)航時(shí)，讓用戶感覺他們是主人。 使用呼叫短語(yǔ)設(shè)計(jì)導(dǎo)航，如“創(chuàng)建頁(yè)面”，這使用戶感覺他們正在指導(dǎo)軟件。 他們是領(lǐng)導(dǎo)者，而不是領(lǐng)導(dǎo)者。
四、創(chuàng)建鏈接
在許多網(wǎng)站中，有各種鏈接。 這些鏈接根據(jù)時(shí)間，相關(guān)性，點(diǎn)擊率等按各種順序進(jìn)行排列。許多網(wǎng)站的排列方式很簡(jiǎn)單，很少進(jìn)行詳細(xì)設(shè)計(jì)。 作者舉了一個(gè)例子：
△ 這是某公司內(nèi)部網(wǎng)首頁(yè)的新聞列表，目的是讓該公司的員工隨時(shí)了解最新事件，是按照時(shí)間順序排列。
經(jīng)作者的重新設(shè)計(jì)，如下：
設(shè)計(jì)思維：這些鏈接中的最新事件往往是最重要的; 如何讓用戶了解鏈接按時(shí)間順序排列;
所使用的設(shè)計(jì)方法是為了讓環(huán)境提供一個(gè)引導(dǎo)線索，就像日本車站在火車即將進(jìn)入車站時(shí)將播放獨(dú)特的音樂一樣。 這種獨(dú)特的音樂可以有效吸引乘客的注意力，并準(zhǔn)備早日起飛。 作者試圖將環(huán)境提示的概念應(yīng)用到鏈接列表中。
首先更改字體大小，將字體大小從大變小，顯示鏈接的優(yōu)先級(jí)，并從更深和更輕的字符中創(chuàng)建年齡感，以便用戶可以清楚地了解最重要的內(nèi)容。
作者從列車到車站的音樂靈感來(lái)源于設(shè)計(jì)。 因此，我們通常應(yīng)該出去散步，觀察生活，拓寬視野，看看能夠激發(fā)靈感和加強(qiáng)我們?cè)O(shè)計(jì)的東西。
北京傳誠(chéng)信,行業(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)軍品牌--傳誠(chéng)信值得信賴！
