你是不是也遇到过这种情况？花大价钱找公司做网站，结果上线一看，丑得不敢发朋友圈。或者自己琢磨半天，网站做出来没人看，转化率为零。别急，这真不是你的错，也不是设计师没良心。大多数时候，是因为咱们连“简述网站设计规划的步骤”都没搞明白，就急着动手画页面。
我干这行五年了，见过太多老板拍脑袋决定颜色，最后后悔得拍大腿。今天我不跟你讲那些虚头巴脑的理论，咱们直接上干货。按照我下面说的做，哪怕你是零基础，也能把网站骨架搭得稳稳当当。
第一步，先别想长啥样，先想卖给谁。
很多新手一上来就问：“我要蓝色还是红色？” 蠢死了。你得先搞清楚，你的客户是谁？他们是20岁的学生，还是50岁的老板？学生喜欢炫酷、快节奏；老板喜欢稳重、信息清晰。如果你连目标人群都搞不清楚，后面所有的设计都是瞎蒙。拿张纸，写下你的典型用户画像。比如：他多大？住哪？痛点是什么？他会在什么场景下打开你的网站？这一步做好了，你的网站才有灵魂。
第二步，梳理内容架构，也就是画 sitemap。
这一步很多人跳过，直接跳去画页面，结果做着做着发现内容放不下了，或者逻辑乱成一团麻。你得先列出网站里到底有哪些栏目。首页、关于我们、产品展示、案例、联系方式... 别嫌麻烦，这一步叫“简述网站设计规划的步骤”里的核心环节。你要像整理衣柜一样，把内容分门别类。决定好每个页面放什么，优先级是什么。比如，如果是卖货的，产品页必须最显眼；如果是做品牌的，关于我们和理念要突出。把结构理顺了，后面设计师才能干活，不然就是返工。
第三步，确定视觉风格，定调子。
这时候你才能考虑颜色、字体、图片风格。记住一个原则：少即是多。不要什么都想要。如果你的品牌是专业的，那就用冷色调，字体要规整；如果是活泼的，可以用暖色，字体可以俏皮点。去 Pinterest 或者 Behance 上找参考图，收集10-20张你喜欢的风格图片，发给设计师。别用“大气”、“高端”这种词，他们听不懂。直接发图说：“我要这种感觉”。这一步能省掉80%的沟通成本。
第四步，原型图确认，别急着上色。
让设计师出线框图（Wireframe）。这时候不要纠结颜色好不好看，只看布局合不合理。按钮放哪？图片多大？文字排版舒不舒服？在这个阶段修改成本最低。如果你等到最后上色了再改布局，那就是灾难。这一步也是“简述网站设计规划的步骤”里最容易忽视，但最关键的一环。
第五步，高保真设计与开发对接。
确认线框图后，进入视觉设计。这时候要关注细节：按钮的悬停效果、图片的加载速度、手机端的适配情况。做完设计稿，不要直接扔给程序员。你要拿着设计稿，自己模拟用户走一遍流程。看看有没有哪里点击不顺手，有没有哪里信息遮挡。
最后，上线前测试。
别以为设计完就完了。一定要在不同浏览器、不同手机型号上测试。特别是微信内置浏览器，很多坑都在这。
做网站不是变魔术，它是一套严谨的逻辑工程。别想着一步登天，按部就班地走完这些“简述网站设计规划的步骤”，你的网站至少能及格，甚至优秀。别怕麻烦，前期多花一小时规划，后期能省一个月返工。这才是真正的省钱之道。
记住，好的设计不是看，而是好用。别为了好看而好看，要为了转化而设计。希望这篇能帮到你，别再瞎折腾了，赶紧动起来。
