很可惜 T 。T 您現(xiàn)在還不是作者身份，不能自主發(fā)稿哦～
如有投稿需求，請把文章發(fā)送到郵箱tougao@appcpx.com，一經錄用會有專人和您聯(lián)系
咨詢如何成為春羽作者請聯(lián)系：鳥哥筆記小羽毛（ngbjxym）
在這個奶茶店都有個響應式網站的時代，你沒有網站似乎是一件說不過去的事情。不過當你考慮到自己可能僅僅只是個人名而非名人，你的店鋪也算不得什么知名大廠，隨便開個網站再說，等影響力擴展到前面十字路口的時候再找個美工什么的做5塊錢的設計。
是吧，你就這么想的？
我就不深入吐槽了，實際的情況可能比你想象的要稍微……復雜一些。不管你是不是一個羽翼未豐企業(yè)的領導，專業(yè)的網站能為你帶來的東西比你想象的多很 多。退一萬步來說，“考慮到我們是一個小廠”，粗糙的網站也許能被用戶理解，但是不一定能接受。每天大家所瀏覽的大量的網站，已經從頭到腳為用戶灌輸了 “一個正常的/好的網站應該是什么樣子”的概念。
再進一步。不夠好的網站會讓用戶分心，猶豫，糾結。大家相信大品牌，或者說看起來夠專業(yè)的網站。如果你所提供的網站無法在幾分鐘內吸引到他們，就算是失敗。用戶怎么會在這種情況下突然開始信任你呢？
總而言之，盡量做專業(yè)的設計，打磨好每一個微小的細節(jié)，將網站的作用發(fā)揮到最大。尤其是當你要建立一個值得信賴的品牌，你需要仔細確認每一個細節(jié)。即使你的設計能力有限，如果你能注意一下下面的10個常見的設計誤區(qū)，也能讓你的網站給人足夠專業(yè)的感覺。當然，如果你的企業(yè)體量比初創(chuàng)企業(yè)大很多，采用真正專業(yè)的設計團隊就很有必要了。
注意：文中使用的案例均是初創(chuàng)公司，如果你對他們的設計有意見和建議，他們希望你能到他們的網站中留言，為提升而做出更好的設計。
用模板的確是一件非常方便的事情。大型企業(yè)用模板確實說不過去，但是初創(chuàng)公司借助BootStrap做網站絕對是情有可原。使用類似 Bootstrap模板來作為基礎，借設計師之手針對品牌和企業(yè)氣質稍加定制，其實是個很不錯的主意，如果溝通良好，說不定最終能呈現(xiàn)出一個非常不錯的網 站，對于企業(yè)的產品與服務也是很不錯的加成。
但是僅僅只是套用模板而不予以調整和定制，你所遭遇最常見的問題是模板與品牌本身的視覺設計上無法達成一致，從LOGO使用的色彩，到品牌中獨特的字體，都無法與網站構成較高的匹配度。
不過如果你真的是在這方便也捉襟見肘的話，盡量挑選在各方面與品牌形象本身更接近的模板，將疏離感降到最低。
和中文網站的情況不一樣，英文網站使用多種多樣的字體是一件很輕松的事情。如果你使用了Bootstrap、Wordpress 這樣的工具來創(chuàng)建網站，而僅僅使用默認的設置，你愚弄不了任何人，大家一眼就會把你偷懶的事情看出來——連字體都是默認的Open Sans。用Wordpress 默認外觀也是一樣的道理。如果你不打算在網站視覺上和別人稍作區(qū)別的話，對品牌的傷害是顯而易見的。
當然，如果你能用好諸如Font Awesome 這樣的字體和CSS工具，也有點鐵成金的奇效。它能以增加圖標庫和樣式的方式，讓Bootstrap等各式各樣的系統(tǒng)，擁有漂亮一致的視覺語言。
毫無疑問，這些被精心制作過的原創(chuàng)的圖標，自然是比系統(tǒng)內置的通用圖標好。如果你有自己的創(chuàng)意和點子，為什么不去尋找更有個性，更符合你的品牌調性的圖標、插畫和字體呢？也許時間成本、實現(xiàn)成本并沒有你想象中那么高。
字體的排版的問題之大，遠非絕大多數(shù)非設計人員想象的那么簡單。文字和字母看起來很簡單，但是它們可以成就好設計，也可以毀掉整個版面。
在許多“自制”的網頁中，最常見的問題是標題和正文字體之間的對比度較低，整個頁面的信息層級不明顯。僅僅只是調整字體大小并不足以構成對比，標題字體的字重應該比正文更大，也就是說字體應該更粗，確保它們夠顯眼，更容易被眼睛注意到。
雖然背景處于網頁的最底層，但是它實際上是占據(jù)網站面積最大的部分，在用戶看到網頁的時候會第一時間感受到，精心選擇背景色彩很重要。
作為一個久經驗證的法則，黑***調的網站，除開真正專業(yè)的設計師做出來的，其他的基本都沒法看。使用白色作為基本的背景色是非常安全的，不過多數(shù)的 設計師會選擇淺灰色打底。值得注意的是，網站的灰度越高，黑色的文字的可閱讀性越差，為了確保網站的可閱讀性，灰度最好保持在15%以下。
Call To Action， 通常被稱為行為召喚，一般指的是引導用戶做你想讓他們做的事情，注冊帳號，點擊按鈕，等等。在網站頁面中，主要的行為召喚應只有一個主要的，要知道選擇強 迫癥患者比你想象中的多很多，如果沒有主要的、單一的行為召喚，用戶會感到困惑，并需要較長的時間來做決定，再采取行動。當然，還有一部分用戶會直接關閉 頁面走人。
將所有內容都擺到頁面上，和什么都不放是一樣的效果。移除多余的部分，篩選出最重要的東西擺上去，讓用戶做最重要的事情。無論是注冊還是打開購買鏈接，把最具有吸引力和最有意義的按鈕擺在最顯眼的位置上，專注于最主要的事情吧。
說留白和間距是一門藝術也不為過。留出足夠的空間，又不讓視覺元素周圍的間距太多以至于過于稀疏，這是設計中最難控制的部分之一。優(yōu)設有太多的文章 介紹留白和排版的技巧，但是如果你不想記那么多復雜的技巧，給你推薦一個簡單有效的方案：第一步，確保所有元素都合理而得體地組合到了一起，第二步，在這 組元素之外給出足夠的留白……
要寫好文案并不是一件簡單的事情。但是不論如何，你需要通過網站將你需要表達的內容呈現(xiàn)出來，特別是當你是想通過網站賣東西的時候。在這種情形下，你需要讓你的文案易于被理解，精心校對，確保內容的正確性和準確性，不要有拼寫錯誤。
我經常在網上看到一些表述極為尷尬的文案，這樣的網站會給人一種網站尚處于原型階段的粗糙感。在網站上線前，找個有相關經驗的朋友瀏覽一下全站是個不錯的選擇。
如果無法讓人看清，再優(yōu)秀文案都無法拯救你的業(yè)務。許多細小的細節(jié)會影響網站文本的閱讀性，直接或者間接地影響你精心準備的內容，讓它們難以被讀者流暢地感知到。
要解決可讀性問題，值得注意的問題很多。行高過低會讓文字難于被閱讀，太小的字體對于許多用戶都是障礙，陰影、斜體等效果也常常會影響可讀性（尤其 是中文，繁體中文這種情況更嚴重），色彩對比度沒控制好更是災難性的。這其中有些問題雖然算不得太嚴重，對于多數(shù)用戶也許不會造成太多障礙，但是這會讓用 戶對你的專業(yè)性產生懷疑。
你應該始終保持產品和品牌的一致性，從品牌設計、網站設計到社交媒體、包裝和廣告，都應該具備品牌識別度。
不過在實現(xiàn)這些遠大的目標之前，先退一步來看，你有必要讓網站本身先與自身保持一致性。你的網站字體的樣式是否保持了一致？LOGO上的品牌用色與 網站的配色方案是否對應？網站的各個元素的陰影樣式是完全一樣，還是“看起來很相似”？通常情況下，你只需要仔細清理你的CSS樣式表，就可以解決許多一 致性的問題。
不管你喜歡與否，擬物化設計已經離我們遠去了。濃重的陰影和大跨度的漸變色的使用，在目前的網頁設計中已然不多見。相比于在3D特效中尋求創(chuàng)意，不妨擁抱扁平化的設計準則。
今天為你總結的10個條目，基本上就是初創(chuàng)企業(yè)和新手設計師最常碰到的十個設計雷區(qū)，仔細對比一下你的網站，看看你是否也碰到了類似的問題。
譯文來自：優(yōu)設
原文地址：designmodo
優(yōu)設譯者：@陳子木
本文為作者獨立觀點，不代表鳥哥筆記立場，未經允許不得轉載。
《鳥哥筆記版權及免責申明》 如對文章、圖片、字體等版權有疑問，請點擊 反饋舉報
我們致力于提供一個高質量內容的交流平臺。為落實國家互聯(lián)網信息辦公室“依法管網、依法辦網、依法上網”的要求，為完善跟帖評論自律管理，為了保護用戶創(chuàng)造的內容、維護開放、真實、專業(yè)的平臺氛圍，我們團隊將依據(jù)本公約中的條款對注冊用戶和發(fā)布在本平臺的內容進行管理。平臺鼓勵用戶創(chuàng)作、發(fā)布優(yōu)質內容，同時也將采取必要措施管理違法、侵權或有其他不良影響的網絡信息。
一、根據(jù)《網絡信息內容生態(tài)治理規(guī)定》《中華人民共和國未成年人保護法》等法律法規(guī)，對以下違法、不良信息或存在危害的行為進行處理。
1. 違反法律法規(guī)的信息，主要表現(xiàn)為：
1)反對憲法所確定的基本原則；
2)危害國家安全，泄露國家秘密，顛覆國家政權，破壞國家統(tǒng)一，損害國家榮譽和利益；
3)侮辱、濫用英烈形象，歪曲、丑化、褻瀆、否定英雄烈士事跡和精神，以侮辱、誹謗或者其他方式侵害英雄烈士的姓名、肖像、名譽、榮譽；
4)宣揚恐怖主義、極端主義或者煽動實施恐怖活動、極端主義活動；
5)煽動民族仇恨、民族歧視，破壞民族團結；
6)破壞國家宗教政策，宣揚邪教和封建迷信；
7)散布謠言，擾亂社會秩序，破壞社會穩(wěn)定；
8)宣揚淫穢、色情、賭博、暴力、兇殺、恐怖或者教唆犯罪；
9)煽動非法集會、結社、游行、示威、聚眾擾亂社會秩序；
10)侮辱或者誹謗他人，侵害他人名譽、隱私和其他合法權益；
11)通過網絡以文字、圖片、音視頻等形式，對未成年人實施侮辱、誹謗、威脅或者惡意損害未成年人形象進行網絡欺凌的；
12)危害未成年人身心健康的；
13)含有法律、行政法規(guī)禁止的其他內容；
2. 不友善：不尊重用戶及其所貢獻內容的信息或行為。主要表現(xiàn)為：
1)輕蔑：貶低、輕視他人及其勞動成果；
2)誹謗：捏造、散布虛假事實，損害他人名譽；
3)嘲諷：以比喻、夸張、侮辱性的手法對他人或其行為進行揭露或描述，以此來激怒他人；
4)挑釁：以不友好的方式激怒他人，意圖使對方對自己的言論作出回應，蓄意制造事端；
5)羞辱：貶低他人的能力、行為、生理或身份特征，讓對方難堪；
6)謾罵：以不文明的語言對他人進行負面評價；
7)歧視：煽動人群歧視、地域歧視等，針對他人的民族、種族、宗教、性取向、性別、年齡、地域、生理特征等身份或者歸類的攻擊；
8)威脅：許諾以不良的后果來迫使他人服從自己的意志；
3. 發(fā)布垃圾廣告信息：以推廣曝光為目的，發(fā)布影響用戶體驗、擾亂本網站秩序的內容，或進行相關行為。主要表現(xiàn)為：
1)多次發(fā)布包含售賣產品、提供服務、宣傳推廣內容的垃圾廣告。包括但不限于以下幾種形式：
2)單個帳號多次發(fā)布包含垃圾廣告的內容；
3)多個廣告帳號互相配合發(fā)布、傳播包含垃圾廣告的內容；
4)多次發(fā)布包含欺騙性外鏈的內容，如未注明的淘寶客鏈接、跳轉網站等，誘騙用戶點擊鏈接
5)發(fā)布大量包含推廣鏈接、產品、品牌等內容獲取搜索引擎中的不正當曝光；
6)購買或出售帳號之間虛假地互動，發(fā)布干擾網站秩序的推廣內容及相關交易。
7)發(fā)布包含欺騙性的惡意營銷內容，如通過偽造經歷、冒充他人等方式進行惡意營銷；
8)使用特殊符號、圖片等方式規(guī)避垃圾廣告內容審核的廣告內容。
4. 色情低俗信息，主要表現(xiàn)為：
1)包含自己或他人性經驗的細節(jié)描述或露骨的感受描述；
2)涉及色情段子、兩性笑話的低俗內容；
3)配圖、頭圖中包含庸俗或挑逗性圖片的內容；
4)帶有性暗示、性挑逗等易使人產生性聯(lián)想；
5)展現(xiàn)血腥、驚悚、殘忍等致人身心不適；
6)炒作緋聞、丑聞、劣跡等；
7)宣揚低俗、庸俗、媚俗內容。
5. 不實信息，主要表現(xiàn)為：
1)可能存在事實性錯誤或者造謠等內容；
2)存在事實夸大、偽造虛假經歷等誤導他人的內容；
3)偽造身份、冒充他人，通過頭像、用戶名等個人信息暗示自己具有特定身份，或與特定機構或個人存在關聯(lián)。
6. 傳播封建迷信，主要表現(xiàn)為：
1)找人算命、測字、占卜、解夢、化解厄運、使用迷信方式治?。?br /> 2)求推薦算命看相大師；
3)針對具體風水等問題進行求助或咨詢；
4)問自己或他人的八字、六爻、星盤、手相、面相、五行缺失，包括通過占卜方法問婚姻、前程、運勢，東西寵物丟了能不能找回、取名改名等；
7. 文章標題黨，主要表現(xiàn)為：
1)以各種夸張、獵奇、不合常理的表現(xiàn)手法等行為來誘導用戶；
2)內容與標題之間存在嚴重不實或者原意扭曲；
3)使用夸張標題，內容與標題嚴重不符的。
8.「飯圈」亂象行為，主要表現(xiàn)為：
1)誘導未成年人應援集資、高額消費、投票打榜
2)粉絲互撕謾罵、拉踩引戰(zhàn)、造謠攻擊、人肉搜索、侵犯隱私
3)鼓動「飯圈」粉絲攀比炫富、奢靡享樂等行為
4)以號召粉絲、雇用網絡水軍、「養(yǎng)號」形式刷量控評等行為
5)通過「蹭熱點」、制造話題等形式干擾輿論，影響傳播秩序
9. 其他危害行為或內容，主要表現(xiàn)為：
1)可能引發(fā)未成年人模仿不安全行為和違反社會公德行為、誘導未成年人不良嗜好影響未成年人身心健康的；
2)不當評述自然災害、重大事故等災難的；
3)美化、粉飾侵略戰(zhàn)爭行為的；
4)法律、行政法規(guī)禁止，或可能對網絡生態(tài)造成不良影響的其他內容。
二、違規(guī)處罰
本網站通過主動發(fā)現(xiàn)和接受用戶舉報兩種方式收集違規(guī)行為信息。所有有意的降低內容質量、傷害平臺氛圍及欺凌未成年人或危害未成年人身心健康的行為都是不能容忍的。
當一個用戶發(fā)布違規(guī)內容時，本網站將依據(jù)相關用戶違規(guī)情節(jié)嚴重程度，對帳號進行禁言 1 天、7 天、15 天直至永久禁言或封停賬號的處罰。當涉及欺凌未成年人、危害未成年人身心健康、通過作弊手段注冊、使用帳號，或者濫用多個帳號發(fā)布違規(guī)內容時，本網站將加重處罰。
三、申訴
隨著平臺管理經驗的不斷豐富，本網站出于維護本網站氛圍和秩序的目的，將不斷完善本公約。
如果本網站用戶對本網站基于本公約規(guī)定做出的處理有異議，可以通過「建議反饋」功能向本網站進行反饋。
(規(guī)則的最終解釋權歸屬本網站所有)