堅持為客戶提供有價值的服務(wù)和內(nèi)容

網(wǎng)站建設(shè)中設(shè)計誤區(qū)十宗罪

互聯(lián)網(wǎng) | 2022-01-13 | 分享至:

網(wǎng)站建設(shè)公司商企云為大家總結(jié)網(wǎng)站建設(shè)過程中較不該出現(xiàn)的錯誤,以下十宗罪僅供大家參考。


1、不專業(yè)的文案

要寫好文案并不是一件簡單的事情。但是不論如何,你需要通過網(wǎng)站將你需要表達的內(nèi)容呈現(xiàn)出來,特別是當你是想通過網(wǎng)站賣東西的時候。在這種情形下,你需要讓你的文案易于被理解,精心校對,確保內(nèi)容的正確性和有效性,不要有拼寫錯誤。

我經(jīng)常在網(wǎng)上看到一些表述極為尷尬的文案,這樣的網(wǎng)站會給人一種網(wǎng)站尚處于原型階段的粗糙感。在網(wǎng)站上線前,找個有相關(guān)經(jīng)驗的朋友瀏覽一下全站是個不錯的選擇。

2、可讀性的問題

如果無法讓人看清,再優(yōu)異文案都無法拯救你的業(yè)務(wù)。許多細小的細節(jié)會影響網(wǎng)站文本的閱讀性,直接或者間接地影響你精心準備的內(nèi)容,讓它們難以被讀者流暢地感知到。

要解決可讀性問題,值得注意的問題很多。行高過低會讓文字難于被閱讀,太小的字體對于許多用戶都是障礙,陰影、斜體等效果也常常會影響可讀性(尤其是中文,繁體中文這種情況更嚴重),色彩對比度沒控制好更是災(zāi)難性的。這其中有些問題雖然算不得太嚴重,對于多數(shù)用戶也許不會造成太多障礙,但是這會讓用戶對你的專業(yè)性產(chǎn)生懷疑。

3、使用默認外觀

和中文網(wǎng)站的情況不一樣,英文網(wǎng)站使用多種多樣的字體是一件很輕松的事情。如果你使用了Bootstrap、Wordpress這樣的工具來創(chuàng)建網(wǎng)站,而僅僅使用默認的設(shè)置,你愚弄不了任何人,大家一眼就會把你偷懶的事情看出來――連字體都是默認的OpenSans。用Wordpress默認外觀也是一樣的道理。如果你不打算在網(wǎng)站視覺上和別人稍作區(qū)別的話,對品牌的傷害是顯而易見的。

當然,如果你能用好諸如FontAwesome這樣的字體和CSS工具,也有點鐵成金的奇效。它能以增加圖標庫和樣式的方式,讓Bootstrap等各式各樣的系統(tǒng),擁有漂亮一致的視覺語言。

毫無疑問,這些被精心制作過的原創(chuàng)的圖標,自然是比系統(tǒng)內(nèi)置的通用圖標好。如果你有自己的創(chuàng)意和點子,為什么不去尋找更有個性,更符合你的品牌調(diào)性的圖標、插畫和字體呢?也許時間成本、實現(xiàn)成本并沒有你想象中那么高。

4、使用不合理的模板

用模板的確是一件非常方便的事情。大型企業(yè)用模板確實說不過去,但是初創(chuàng)公司借助BootStrap做網(wǎng)站絕對是情有可原。使用類似Bootstrap模板來作為基礎(chǔ),借設(shè)計師之手針對品牌和企業(yè)氣質(zhì)稍加定制,其實是個很不錯的主意,如果溝通良好,說不定較終能呈現(xiàn)出一個非常不錯的網(wǎng)站,對于企業(yè)的產(chǎn)品與服務(wù)也是很不錯的加成。

但是僅僅只是套用模板而不予以調(diào)整和定制,你所遭遇較常見的問題是模板與品牌本身的視覺設(shè)計上無法達成一致,從LOGO使用的色彩,到品牌中獨特的字體,都無法與網(wǎng)站構(gòu)成較高的匹配度。

不過如果你真的是在這方便也捉襟見肘的話,盡量挑選在各方面與品牌形象本身更接近的模板,將疏離感降到較低。

5、使用深色背景

雖然背景處于網(wǎng)頁的較底層,但是它實際上是占據(jù)網(wǎng)站面積較大的部分,在用戶看到網(wǎng)頁的時候會知名時間感受到,精心選擇背景色彩很重要。

作為一個久經(jīng)驗證的法則,黑色色調(diào)的網(wǎng)站,除開真正專業(yè)的設(shè)計師做出來的,其他的基本都沒法看。使用白色作為基本的背景色是非常安全的,不過多數(shù)的設(shè)計師會選擇淺灰色打底。值得注意的是,網(wǎng)站的灰度越高,黑色的文字的可閱讀性越差,為了確保網(wǎng)站的可閱讀性,灰度較好保持在15%以下。

6、多級行為召喚

CallToAction,通常被稱為行為召喚,一般指的是引導用戶做你想讓他們做的事情,注冊帳號,點擊按鈕,等等。在網(wǎng)站頁面中,主要的行為召喚應(yīng)只有一個主要的,要知道選擇強迫癥患者比你想象中的多很多,如果沒有主要的、單一的行為召喚,用戶會感到困惑,并需要較長的時間來做決定,再采取行動。當然,還有一部分用戶會直接關(guān)閉頁面走人。

將所有內(nèi)容都擺到頁面上,和什么都不放是一樣的效果。移除多余的部分,篩選出較重要的東西擺上去,讓用戶做較重要的事情。無論是注冊還是打開購買鏈接,把較具有吸引力和較有意義的按鈕擺在較顯眼的位置上,專注于較主要的事情吧。

7、一致性的問題

你應(yīng)該始終保持產(chǎn)品和品牌的一致性,從品牌設(shè)計、網(wǎng)站設(shè)計到社交媒體、包裝和廣告,都應(yīng)該具備品牌識別度。

不過在實現(xiàn)這些遠大的目標之前,先退一步來看,你有必要讓網(wǎng)站本身先與自身保持一致性。你的網(wǎng)站字體的樣式是否保持了一致?LOGO上的品牌用色與網(wǎng)站的配色方案是否對應(yīng)?網(wǎng)站的各個元素的陰影樣式是有效一樣,還是“看起來很相似”?通常情況下,你只需要仔細清理你的CSS樣式表,就可以解決許多一致性的問題。

8、對齊和留白的問題

說留白和間距是一門藝術(shù)也不為過。留出足夠的空間,又不讓視覺元素周圍的間距太多以至于過于稀疏,這是設(shè)計中較難控制的部分之一。優(yōu)設(shè)有太多的文章介紹留白和排版的技巧,但是如果你不想記那么多復雜的技巧,給你推薦一個簡單有效的方案:知名步,確保所有元素都合理而得體地組合到了一起,第二步,在這組元素之外給出足夠的留白……

9、排版對比度的問題

字體的排版的問題之大,遠非絕大多數(shù)非設(shè)計人員想象的那么簡單。文字和字母看起來很簡單,但是它們可以成就好設(shè)計,也可以毀掉整個版面。

在許多“自制”的網(wǎng)頁中,較常見的問題是標題和正文字體之間的對比度較低,整個頁面的信息層級不明顯。僅僅只是調(diào)整字體大小并不足以構(gòu)成對比,標題字體的字重應(yīng)該比正文更大,也就是說字體應(yīng)該更粗,確保它們夠顯眼,更容易被眼睛注意到。

10、反潮流設(shè)計

不管你喜歡與否,擬物化設(shè)計已經(jīng)離我們遠去了。濃重的陰影和大跨度的漸變色的使用,在目前的網(wǎng)頁設(shè)計中已然不多見。相比于在3D特效中尋求創(chuàng)意,不妨擁抱扁平化的設(shè)計準則。

以上請大家仔細閱讀,如果您有更好的建議或有網(wǎng)站建設(shè)方面的問題也可以與我們商企云進行聯(lián)系。

掃二維碼與項目經(jīng)理溝通

7*24小時為您服務(wù)

解答:網(wǎng)站優(yōu)化,網(wǎng)站建設(shè),APP開發(fā),小程序開發(fā),H5開發(fā),品牌推廣,新聞推廣,輿情監(jiān)測等

  非常感謝您有耐心的讀完這篇文章:"網(wǎng)站建設(shè)中設(shè)計誤區(qū)十宗罪",更多內(nèi)容請繼續(xù)瀏覽,我們將為您提供更多參考使用或?qū)W習交流的信息。我們還可為您提供:網(wǎng)站建設(shè)與開發(fā)、網(wǎng)站優(yōu)化、品牌推廣、APP開發(fā)、小程序開發(fā)、新聞推廣等服務(wù),我們以“降低營銷成本,提高營銷效果”的服務(wù)理念,自創(chuàng)立至今,已成功服務(wù)過不同行業(yè)的1000多家企業(yè),獲得國家高新技術(shù)企業(yè)認證,且擁有14項國家軟件著作權(quán),將力爭成為國內(nèi)企業(yè)心目中值得信賴的互聯(lián)網(wǎng)產(chǎn)品及服務(wù)提供商。如您需要合作,請掃碼咨詢,我們將誠摯為您服務(wù)。
我要咨詢
姓名 :
電話 :
文章分類