圖片加載失敗
首頁 動态

Our News

動态

在這(zhè)個奶茶店都(dōu)有個響應式網站的時代,你沒(méi)有網站似乎是一件說不過(guò)去的事(shì)情。不過(guò)當你考慮到自己可能(néng)僅僅隻是個人名而非名人,你的店鋪也算不得什麼(me)知名大廠,随便開(kāi)個網站再說,等影響力擴展到前面(miàn)十字路口的時候再找個美工什麼(me)的做5塊錢的設計。

是吧,你就這(zhè)麼(me)想的?

内蒙古網站制作,内蒙古網站設計,内蒙古網站建設,呼和浩特網站建設,呼和浩特網站制作、呼和浩特網站設計首選内蒙古呼和浩特先誠網絡科技公司。先誠官網:/

我就不深入吐槽了,實際的情況可能(néng)比你想象的要稍微……複雜一些。不管你是不是一個羽翼未豐企業的領導,專業的網站能(néng)爲你帶來的東西比你想象的多很多。退一萬步來說,“考慮到我們是一個小廠”,粗糙的網站也許能(néng)被(bèi)用戶理解,但是不一定能(néng)接受。每天大家所浏覽的大量的網站,已經(jīng)從頭到腳爲用戶灌輸了“一個正常的/好(hǎo)的網站應該是什麼(me)樣(yàng)子”的概念。再進(jìn)一步。不夠好(hǎo)的網站會讓用戶分心,猶豫,糾結。大家相信大品牌,或者說看起(qǐ)來夠專業的網站。如果你所提供的網站無法在幾分鍾内吸引到他們,就算是失敗。用戶怎麼(me)會在這(zhè)種(zhǒng)情況下突然開(kāi)始信任你呢?

總而言之,盡量做專業的設計,打磨好(hǎo)每一個微小的細節,將(jiāng)網站的作用發(fā)揮到最大。尤其是當你要建立一個值得信賴的品牌,你需要仔細确認每一個細節。即使你的設計能(néng)力有限,如果你能(néng)注意一下下面(miàn)的10個常見的設計誤區,也能(néng)讓你的網站給人足夠專業的感覺。當然,如果你的企業體量比初創企業大很多,采用真正專業的設計團隊就很有必要了。

注意:文中使用的案例均是初創公司,如果你對(duì)他們的設計有意見和建議,他們希望你能(néng)到他們的網站中留言,爲提升而做出更好(hǎo)的設計。

1、使用不合理的模

用模闆的确是一件非常方便的事(shì)情。大型企業用模闆确實說不過(guò)去,但是初創公司借助BootStrap做網站絕對(duì)是情有可原。使用類似Bootstrap模闆來作爲基礎,借設計師之手針對(duì)品牌和企業氣質稍加定制,其實是個很不錯的主意,如果溝通良好(hǎo),說不定最終能(néng)呈現出一個非常不錯的網站,對(duì)于企業的産品與服務也是很不錯的加成(chéng)。但是僅僅隻是套用模闆而不予以調整和定制,你所遭遇最常見的問題是模闆與品牌本身的視覺設計上無法達成(chéng)一緻,從LOGO使用的色彩,到品牌中獨特的字體,都(dōu)無法與網站構成(chéng)較高的匹配度。不過(guò)如果你真的是在這(zhè)方便也捉襟見肘的話,盡量挑選在各方面(miàn)與品牌形象本身更接近的模闆,將(jiāng)疏離感降到最低。

2、使用網站系統的默認外觀

和中文網站的情況不一樣(yàng),英文網站使用多種(zhǒng)多樣(yàng)的字體是一件很輕松的事(shì)情。如果你使用了Bootstrap、Wordpress 這(zhè)樣(yàng)的工具來創建網站,而僅僅使用默認的設置,你愚弄不了任何人,大家一眼就會把你偷懶的事(shì)情看出來——連字體都(dōu)是默認的Open Sans。用Wordpress 默認外觀也是一樣(yàng)的道(dào)理。如果你不打算在網站視覺上和别人稍作區别的話,對(duì)品牌的傷害是顯而易見的。當然,如果你能(néng)用好(hǎo)諸如Font Awesome 這(zhè)樣(yàng)的字體和CSS工具,也有點鐵成(chéng)金的奇效。它能(néng)以增加圖标庫和樣(yàng)式的方式,讓Bootstrap等各式各樣(yàng)的系統,擁有漂亮一緻的視覺語言。

毫無疑問,這(zhè)些被(bèi)精心制作過(guò)的原創的圖标,自然是比系統内置的通用圖标好(hǎo)。如果你有自己的創意和點子,爲什麼(me)不去尋找更有個性,更符合你的品牌調性的圖标、插畫和字體呢?也許時間成(chéng)本、實現成(chéng)本并沒(méi)有你想象中那麼(me)高。

3、排版對(duì)比度的問題

字體的排版的問題之大,遠非絕大多數非設計人員想象的那麼(me)簡單。文字和字母看起(qǐ)來很簡單,但是它們可以成(chéng)就好(hǎo)設計,也可以毀掉整個版面(miàn)。

在許多“自制”的網頁中,最常見的問題是标題和正文字體之間的對(duì)比度較低,整個頁面(miàn)的信息層級不明顯。僅僅隻是調整字體大小并不足以構成(chéng)對(duì)比,标題字體的字重應該比正文更大,也就是說字體應該更粗,确保它們夠顯眼,更容易被(bèi)眼睛注意到。

4、使用深色背景

雖然背景處于網頁的最底層,但是它實際上是占據網站面(miàn)積最大的部分,在用戶看到網頁的時候會第一時間感受到,精心選擇背景色彩很重要。

作爲一個久經(jīng)驗證的法則,黑色色調的網站,除開(kāi)真正專業的設計師做出來的,其他的基本都(dōu)沒(méi)法看。使用白色作爲基本的背景色是非常安全的,不過(guò)多數的設計師會選擇淺灰色打底。值得注意的是,網站的灰度越高,黑色的文字的可閱讀性越差,爲了确保網站的可閱讀性,灰度最好(hǎo)保持在15%以下。

5、多級行爲召喚

Call To Action, 通常被(bèi)稱爲行爲召喚,一般指的是引導用戶做你想讓他們做的事(shì)情,注冊帳号,點擊按鈕,等等。在網站頁面(miàn)中,主要的行爲召喚應隻有一個主要的,要知道(dào)選擇強迫症患者比你想象中的多很多,如果沒(méi)有主要的、單一的行爲召喚,用戶會感到困惑,并需要較長(cháng)的時間來做決定,再采取行動。當然,還(hái)有一部分用戶會直接關閉頁面(miàn)走人。

將(jiāng)所有内容都(dōu)擺到頁面(miàn)上,和什麼(me)都(dōu)不放是一樣(yàng)的效果。移除多餘的部分,篩選出最重要的東西擺上去,讓用戶做最重要的事(shì)情。無論是注冊還(hái)是打開(kāi)購買鏈接,把最具有吸引力和最有意義的按鈕擺在最顯眼的位置上,專注于最主要的事(shì)情吧。

6、對(duì)齊和留白的問題

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

7、不專業的文案

要寫好(hǎo)文案并不是一件簡單的事(shì)情。但是不論如何,你需要通過(guò)網站將(jiāng)你需要表達的内容呈現出來,特别是當你是想通過(guò)網站賣東西的時候。在這(zhè)種(zhǒng)情形下,你需要讓你的文案易于被(bèi)理解,精心校對(duì),确保内容的正确性和準确性,不要有拼寫錯誤。

我經(jīng)常在網上看到一些表述極爲尴尬的文案,這(zhè)樣(yàng)的網站會給人一種(zhǒng)網站尚處于原型階段的粗糙感。在網站上線前,找個有相關經(jīng)驗的朋友浏覽一下全站是個不錯的選擇。

8、可讀性的問題

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

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

9、一緻性的問題

你應該始終保持産品和品牌的一緻性,從品牌設計、網站設計到社交媒體、包裝和廣告,都(dōu)應該具備品牌識别度。不過(guò)在實現這(zhè)些遠大的目标之前,先退一步來看,你有必要讓網站本身先與自身保持一緻性。你的網站字體的樣(yàng)式是否保持了一緻?LOGO上的品牌用色與網站的配色方案是否對(duì)應?網站的各個元素的陰影樣(yàng)式是完全一樣(yàng),還(hái)是“看起(qǐ)來很相似”?通常情況下,你隻需要仔細清理你的CSS樣(yàng)式表,就可以解決許多一緻性的問題。

10、反潮流設計

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

結語

今天爲你總結的10個條目,基本上就是初創企業和新手設計師最常碰到的十個設計雷區,仔細對(duì)比一下你的網站,看看你是否也碰到了類似的問題。

注:本文均來自百度搜索,如涉及版權問題,請聯系我們,我們會第一時間解決。