我问答网先把脑子里的浆糊倒出来
你肯定有个模糊的想法，对吧？“我要做个很酷的博客”或者“给咖啡店弄个在线菜单”。停。这种想法屁用没有，太虚了。 你得把它变成具体的问题。谁来看？他们想看什么？看完之后你希望他们干啥？ 举个血淋淋的例子：我第一个项目是给朋友的纹身店做网站，上来就搞了个全屏自动播放的图片轮播，背景音乐还是死亡金属，觉得自己是设计天才。结果呢？来咨询的全是问“这背景音乐怎么关”和“这破轮播图晃得我眼晕”。完全没人在意纹身作品。 所以，你得先去跟老板聊，跟目标用户聊，哪怕只是假装自己是他们，拿张皱巴巴的纸，写下这几个字：用户目标、商业目标。 比如那个纹身店，用户目标应该是“快速看到牛逼的纹身手稿，判断这师傅是否合我口味”，商业目标是“让客户忍不住预约”。两个目标一对齐，你就会发现——弄什么音乐轮播啊，把作品集页面做得跟画廊一样干净，放个醒目的“立即预约”按钮，完事儿！
线框图，别嫌丑
终于能碰软件了？还早。接下来是线框图，说白了就是网站的“骨骼架子”。 这时候你要完全忽略颜色、字体、甚至图片，只用灰不拉几的方块和线条，把页面的布局搭出来。我见过无数菜鸟（包括当年的我），最喜欢跳过这一步，直接在高保真设计里纠结“这个圆角用6px还是8px”。结果整个页面逻辑一塌糊涂，用户进来直接找不到北。 线框图的秘诀就一个词：信息优先级。什么东西用户第一眼必须看到？什么藏在二级菜单就行？ 比如一个电商单品页，产品大图、价格、加入购物车按钮就是天王老子，必须顶在最显眼的位置。而什么“品牌故事”、“配送政策”，属于第二梯队。用大小、位置、间距来建立这种层级。
配色？先学会“抄”
到了视觉设计这块，新手最容易犯的病就是——把自己所有喜欢的颜色全堆上去。结果就像一个小孩把所有颜料挤在一起，变成一坨不可描述的褐色。 其实最好的方法，是找个靠谱的参考网站，直接“搬”它的配色逻辑。注意我说的是“逻辑”，不是原样照抄色值啊。比如你去 Dribbble 或 Behance 上搜一个你觉得气质相近的项目，观察它用了几种主色，其中哪个是品牌色，哪个是强调色（比如按钮用），哪个是背景色；中性色（黑白灰）的冷暖倾向是什么样的。✅ 真正用得顺手的配色方案，一般就这几个东西： – 一个 品牌主色，占据视觉面积最大，奠定情绪基调。 – 一个 功能强调色，和主色形成高对比，专门给“加入购物车”、“注册”这种你生怕别人看不见的按钮。 – 一套 中性色，用来做背景、文字、边框。千万别用纯黑 #000 和纯白 #FFF，刺眼得要命。试试 #1A1A1A 或 #F5F5F5，舒服十倍。 还有个偷懒技巧：去品牌色的色板页面，在色轮上选取它相邻或相对的颜色，再调整明度和饱和度，几乎不会出错。我现在偶尔还用这个笨办法，快，而且解压。
字体？能少用就少用
把设计“动”起来
