上个月我不是突发奇想搞了个摄影作品展示站嘛找了一圈发现用现成的网站设计平台最省事。刚开始那两天真叫一个晕头转向，菜单栏里密密麻麻的按钮看得我眼都花了。

先整明白拖拽功能咋使

第一个折腾的就是拖东西这块儿。平台左边不是有个素材库嘛我试着把图片框往中间空白处拽，结果死活拖不到想要的位置。后来发现得先点顶部那个“网格模式”开关，页面立刻出现淡蓝色辅助线。这时候再拖文字框，啪嗒一下就自动吸到网格线上了，比用鼠标一像素一像素挪省力多了。

• 图片框四角能拉大小：拽右下角调尺寸时，系统自动锁定原图比例
• 对齐提示线超实用：两个按钮快挨近时会跳出粉色提示线
• 空白处双击出元素：有回在页脚位置双击，直接蹦出来个预约表单

配色方案别自己瞎捣鼓

最开始我犯傻手动调颜色，按钮选个屎黄色，标题又是荧光绿，丑得连夜店招牌都自愧不如。后来在“主题配色”区看到现成的方案包，点开莫兰迪色系那个，整个页面瞬间高级了。最绝的是改主色调时，连导航栏下划线都会跟着自动变。

上周改版时试了试换字体组合。选了个衬线配无衬线的方案，正文突然就有了杂志排版感。要我说，新手千万别在字体上逞能，系统推荐的那几组闭眼选都比自己混搭强。

响应式预览必须开

有回在电脑上看挺完美的页面，用手机打开直接车祸现场——导航栏叠成俄罗斯方块，文字挤得亲妈都不认识。后来才发现编辑区右上角藏了个手机/平板图标，点开就能实时看不同设备显示效果。

现在每次做完修改都习惯性点手机图标瞅两眼：字体会不会太大撑爆屏幕、按钮间距够不够手指戳、横屏时图片会不会被裁。上周发现个神操作，在手机预览模式单独调整了某个标题的字号，系统居然记住设置自动适配了。

折腾这半个月算是整明白了，新手只要玩转这三板斧：网格拖拽省时省力、主题套餐救命稻草、多端预览防止翻车，基本就能捣鼓出能见人的网站了。我现在连PSD源文件都懒得开，要改版直接进设计平台调参数。