dw网站设计如何建得好看？设计师亲授7招排版诀窍

为啥突然想整这个网站？

那天晚上吃完饭，闲着没事翻手机，看到朋友在群里骂自己设计的网站像个狗窝，点了半天啥都找不着。我一想，这不得行，咱以前也搞过点网页，虽然用dw这玩意儿不多，但总得学学咋让它好看点。老板上个礼拜还丢给我个任务，说公司新页面太丑，顾客老抱怨加载慢、字太小。我心里琢磨，要是不整明白，搞不好饭碗都砸了。于是拉椅子坐下，打开电脑启动dw软件，点开个空白页面就开始造。

实际操作过程大公开

我先从最简单的地方下手，回忆设计师教的那七招排版妙招。第一招就是简化布局。拿鼠标拉来拉去，把那些花里胡哨的图全删了，只留标题、图片和按钮，感觉清爽多了。可是搞半天页面太单调，像个大白板，我就试着放张产品大图在顶上，好家伙，整个页面立马活过来了。折腾了一下午，腰都坐疼了，但总算有点样子。

接下来玩第二招：颜色统一别乱搞。以前我老爱大红大绿凑一起，结果出来像块破布，被人笑话。这回学乖了，在dw里点开调色板，选了主色蓝色和辅助色灰色，按钮全用蓝色，文字用灰的。改完一看，眼睛不花了，看着贼顺眼。中间还犯傻，颜色代码输错了，页面绿油油一片，吓得我赶紧undo三回。

第三招：字体别太小，要大要清晰。设计师提醒过，别用花哨字母，普通人看不明白。我就把默认小字换成粗体大字号，标题放大到像海报标题那样。试了下手机和电脑屏，效果还行，老妈过来瞅一眼说：“这不就清楚多了嘛以前瞎点半天找不到东西。” 晚上接着弄到11点，点了份外卖垫肚子。

搞定剩下那几招的坑和乐子

第四招：留空白别挤满了。以前页面塞得满满当当，用户点啥都卡住，dw里调间隙，多加几个空行，瞬间轻松多了。第五招：图像对齐别歪了。拖图片时老手抖，放上去东倒西歪，我就打开网格功能使劲对齐，像砌砖头一样整整齐齐。第六招：搞响应式，不同设备都别糊。这最难了，刚开始手机上看全是糊片，dw里拉了个响应模式按钮，调整小尺寸布局，折腾半小时终于正常了。

第七招：测试测试再测试。设计师说：“别看桌面好看，手机也得试试！”我拿自己手机开了网页，哎哟这字又小了，点返回去重新放大。还叫哥们微信试试，结果他手机显示半截图，气死我！全修完保存，上传预览，总算顺溜了。

结尾小感悟

整完一看时间都凌晨两点了，身子累但心情贼老板第二天夸这页面“高大上了”。设计师教的这七招管用是管用，但坑太多了，不是点这个错就是拉那个歪。以前在老家开小店时也搞过类似破事，网站搞砸赔了钱，朋友笑话我“啥都干不了”。后来换了地儿学新技能，才明白啥事儿都得手把手练。现在拉黑那些笑我的人，自个儿闷头整网站，反倒成了习惯。下次再搞新页面，估计还是这七招走起，省事又管饱。