雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁(yè) 案例 服務(wù) 關(guān)于 face+

教大家如何制作簡(jiǎn)單網(wǎng)頁(yè)設(shè)計(jì),這幾個(gè)思路要掌握

Time: 2021-04-02

現(xiàn)在流行的風(fēng)格多樣,復(fù)古風(fēng)格、黑暗風(fēng)格,還有現(xiàn)代人喜歡的極簡(jiǎn)風(fēng)格。對(duì)于網(wǎng)頁(yè)設(shè)計(jì)來說,這些風(fēng)格也同樣適用。就小編個(gè)人覺得,簡(jiǎn)單網(wǎng)頁(yè)設(shè)計(jì)起來更加能迎合用戶的喜好,也會(huì)讓頁(yè)面變得更加清爽。今天就讓faceui為大家介紹如何制作簡(jiǎn)單網(wǎng)頁(yè)設(shè)計(jì)吧。

  教你如何制作簡(jiǎn)單網(wǎng)頁(yè)設(shè)計(jì)

  1、專注于做行為召喚設(shè)計(jì)

  網(wǎng)站上的每一處設(shè)計(jì)都應(yīng)該是有目的的,都相應(yīng)地迎合用戶的某個(gè)行為或者需求,這是顯而易見的。這也為行為召喚的設(shè)計(jì)提供了依據(jù)。引導(dǎo)用戶的文案、按鈕和鏈接都應(yīng)該清晰、明顯,永遠(yuǎn)不要讓用戶錯(cuò)過。

  2、簡(jiǎn)化分頁(yè)

  將多頁(yè)面的內(nèi)容簡(jiǎn)化為可管理的區(qū)塊,不要讓用戶為了查看內(nèi)容而多點(diǎn)擊,將相關(guān)的內(nèi)容保存到一起,方便用戶集中閱讀和查看。刪除過期的、過時(shí)的內(nèi)容和信息、小插件和第三方的信息都合并到相應(yīng)的區(qū)塊當(dāng)中,不要零散的放置。

  3、統(tǒng)一配色方案

  雖然很多色彩確實(shí)很有吸引力,但是它們也很容易喧賓奪主。堅(jiān)持將配色方案控制在兩到三個(gè)色彩,這樣能讓你盡可能好的控制整個(gè)設(shè)計(jì)的配色。

簡(jiǎn)單網(wǎng)頁(yè)設(shè)計(jì)

簡(jiǎn)單網(wǎng)頁(yè)設(shè)計(jì)(圖片來自網(wǎng)絡(luò))


  4、采用標(biāo)準(zhǔn)的導(dǎo)航設(shè)計(jì)

  最常規(guī)的導(dǎo)航模式,是將導(dǎo)航欄置于頁(yè)面頂端,通常是3到8個(gè)不同的選項(xiàng),當(dāng)然,不要選擇10年前流行的復(fù)雜、全面的大型導(dǎo)航菜單,除非你是京東淘寶這樣的大型零售電商。

  5、采用80/20原則

  請(qǐng)記住,你的網(wǎng)站中20%的內(nèi)容將會(huì)觸發(fā)用戶80%的操作,這意味著你的內(nèi)容應(yīng)當(dāng)有輕重緩急之分,行為召喚用語(yǔ)和行為召喚按鈕等界面元素將是引導(dǎo)用戶交互的重要組成部分??紤]到這一點(diǎn),在你進(jìn)行設(shè)計(jì)的時(shí)候,應(yīng)該將設(shè)計(jì)的重心放在這20%的內(nèi)容上,而剩下的80%的內(nèi)容則根據(jù)需求進(jìn)行調(diào)整。這20%的元素通常都是最吸引用戶點(diǎn)擊的那部分內(nèi)容:按鈕、圖片和行為召喚文本。

  6、有目的地使用UI元素

  圖標(biāo)、圖片等每一個(gè)UI元素在整個(gè)設(shè)計(jì)中都有其作用,有些元素的使用是有約定俗成的規(guī)則,不要因?yàn)槟承┰乜雌饋砜幔蛘邌渭儭盀榱擞小倍由?,最好通盤考慮,在合適的地方,合理地使用UI元素。

  7、仔細(xì)挑選字體

  字體和排版同樣遵循少即是多的原則。最容易閱讀的字體,通常都有著標(biāo)準(zhǔn)的外觀造型,均勻的筆觸,樸實(shí)無華而無需多余的裝飾。一套完整的字體通常有著多樣的字重和可選的樣式,不需要你再去尋找其他的字體來搭配。而在排版的問題上,文本需要同背景有著充分的對(duì)比,在設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候,通常會(huì)用到兩套字體,一套應(yīng)用到正文上,另外一套字體則用到標(biāo)題上,用作展示。

  8、增大文本尺寸

  在進(jìn)行排版設(shè)計(jì)的時(shí)候,你需要在合適的時(shí)候增加文本尺寸。隨著我們?nèi)粘?吹降钠聊怀叽绲脑黾?,我們需要讓用戶看到我們所提供的信息,并不是堆砌更多的?nèi)容,而是要合理的增加文本的尺寸。雖然在移動(dòng)端設(shè)計(jì)上這種需求并不明顯,但是根據(jù)實(shí)際情況,適當(dāng)?shù)奶嵘煮w尺寸能讓文本的易讀性有明顯的提升。當(dāng)然,置于首屏的關(guān)鍵詞要明顯,吸引用戶滾動(dòng),而不是將所有的內(nèi)容都堆在首屏。

簡(jiǎn)單網(wǎng)頁(yè)設(shè)計(jì)

簡(jiǎn)單網(wǎng)頁(yè)設(shè)計(jì)(圖片來自網(wǎng)絡(luò))


  9、創(chuàng)建易讀的文案

  排版能夠從視覺上控制內(nèi)容的復(fù)雜度,而文字則能夠控制在信息傳達(dá)上的復(fù)雜度。兩者其實(shí)是同等重要。每個(gè)詞匯都應(yīng)該和視覺保持意義和信息上的一致性。文案和視覺一樣,都需要反復(fù)推敲。

  10、打破一項(xiàng)規(guī)則

  如果你需要讓你的設(shè)計(jì)在簡(jiǎn)單的同時(shí),又不是始終循規(guī)蹈矩,那么打破一條規(guī)則是讓你不走尋常路的最快的方法。它會(huì)讓你的設(shè)計(jì)看起來不那么尋常,但是又能有跡可循,打破太多的規(guī)則會(huì)很容易讓訪客覺得混亂。

  極簡(jiǎn)設(shè)計(jì)如何體現(xiàn)設(shè)計(jì)感

  極簡(jiǎn)主義起始于二戰(zhàn)后的藝術(shù)運(yùn)動(dòng),在設(shè)計(jì)界中占據(jù)重要的一席之地。在網(wǎng)頁(yè)設(shè)計(jì)中,極簡(jiǎn)主義為網(wǎng)站帶來了諸多的好處,它看上去非常簡(jiǎn)單,但真正設(shè)計(jì)起來不單單是,需要有很多的指導(dǎo)思想。屏幕上的元素越少,焦點(diǎn)越有效。根據(jù)此邏輯,如果你的屏幕只有一個(gè)元素,你可以確定這個(gè)信息一定可以傳達(dá)到用戶。極簡(jiǎn)主義中最常見的元素是沒有元素。留白是極簡(jiǎn)主義的重要特征,它賦予設(shè)計(jì)以力量。

  以上就是faceui為大家介紹的關(guān)于簡(jiǎn)單網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)內(nèi)容。簡(jiǎn)單不簡(jiǎn)約,在設(shè)計(jì)的時(shí)候還是會(huì)考慮到很多因素,但是原則和前提就是能省就省,讓用戶得到最舒適簡(jiǎn)潔的頁(yè)面。


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號(hào)22號(hào)樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號(hào)A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號(hào)
028-62790929
service@faceui.com

辦公地址地圖
首頁(yè) | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號(hào)-5

上海辦公地點(diǎn)地圖
北京辦公地點(diǎn)地圖
深圳辦公地點(diǎn)地圖
在微信中搜索faceui
或保存二維碼在微信中打開