網(wǎng)站建設(shè)>圈子>網(wǎng)絡(luò)學(xué)堂>如何創(chuàng)建屬于你的網(wǎng)站設(shè)計(jì)風(fēng)格

如何創(chuàng)建屬于你的網(wǎng)站設(shè)計(jì)風(fēng)格

mcadmin / 2020-08-11 / 深圳網(wǎng)站建設(shè) / 技術(shù)分享
1.熟悉品牌
無(wú)論你是為自己的網(wǎng)站還是為其他網(wǎng)站創(chuàng)建風(fēng)格,同樣的原則適用——你需要花一些時(shí)間來(lái)評(píng)估品牌的意義。這意味著你要了解你的目標(biāo)受眾,了解公司的價(jià)值,并對(duì)如何以視覺(jué)方式展示它有一個(gè)可靠的想法。如果您的公司在過(guò)去對(duì)某些設(shè)計(jì)進(jìn)行過(guò)A/B測(cè)試,那么現(xiàn)在是時(shí)候使用這些信息來(lái)創(chuàng)建一個(gè)更健壯和有效的風(fēng)格指南了。

2. 選擇顏色
在評(píng)價(jià)一個(gè)品牌時(shí),你需要考慮顏色。如果公司已經(jīng)有一個(gè)調(diào)色板,他們可以使用它——完美。在樣式指南中添加顏色十六進(jìn)制代碼。一定要將這些信息分類,如文本、鏈接、懸停鏈接、背景、按鈕等等。指定應(yīng)該使用的顏色和位置。

3.選擇并識(shí)別格式
除了顏色,你還需要指定你應(yīng)該使用的字體(以及你應(yīng)該在哪里使用它)。在你的網(wǎng)站設(shè)計(jì)風(fēng)格中,要明確字體名稱、大小和行高。這使得未來(lái)的設(shè)計(jì)師可以很容易地重建網(wǎng)站的外觀。更好的方法是,創(chuàng)建一個(gè)Photoshop模板,將這些元素設(shè)置為預(yù)設(shè)值,或者將它們標(biāo)識(shí)為文件本身中的注釋。你應(yīng)該盡一切可能消除這里的猜測(cè)。

4. 創(chuàng)建一個(gè)內(nèi)容網(wǎng)格
另一件你應(yīng)該添加到你的網(wǎng)站設(shè)計(jì)風(fēng)格的事情是創(chuàng)建一個(gè)內(nèi)容網(wǎng)格。這是確定頁(yè)面和博客文章布局的理想方法。顯示圖片和圖形在文本中應(yīng)該放置的位置。為了理解如何分離內(nèi)容,您確實(shí)需要這樣做。其中一些內(nèi)容現(xiàn)在可以通過(guò)博客和頁(yè)面模板進(jìn)行處理。即使如此,在樣式指南中包含這些信息仍然是一個(gè)好主意。

5. 照片規(guī)范
你可以做的另一件事是設(shè)置照片規(guī)格。例如,許多站點(diǎn)對(duì)博客文章中包含的圖像應(yīng)用過(guò)濾器或效果。因此,如果你想確保管理你內(nèi)容的人知道如何保持所有內(nèi)容的一致性,你就需要在你的網(wǎng)站設(shè)計(jì)風(fēng)格中包含這些細(xì)節(jié)。確定每個(gè)圖像應(yīng)該遵循的規(guī)范,包括圖像高度、寬度、顏色濾鏡、不透明度以及是否應(yīng)該添加文本。如果您想在圖形中包含文本,一定要同時(shí)指出字體、樣式、大小和顏色規(guī)范。
【邁創(chuàng)與眾不同】憑借對(duì)設(shè)計(jì)的熱愛(ài)和執(zhí)著,互聯(lián)網(wǎng)營(yíng)銷趨勢(shì)的敏銳洞察和深刻理解,與眾多同行不同的是,邁創(chuàng)更注重與客戶互促共生,價(jià)值同在。
本圈子所有內(nèi)容若需轉(zhuǎn)載請(qǐng)聯(lián)系我們。