本文关键词：ui界面设计尺寸

干了七年建站，说实话，现在这行门槛真不高，但想做好，细节得抠死。前两天有个刚入行的小兄弟问我，哥，这ui界面设计尺寸到底咋定？我一看他发的图，好家伙，字体小得跟蚂蚁似的，按钮大得能当盘子用。我直接就把他骂了一顿。不是凶啊，是心疼他的时间。

咱们做设计的，别一上来就想着搞多炫酷的特效。先搞定ui界面设计尺寸，这地基打歪了，上面盖楼再高也是危房。

首先得说手机。现在谁还看电脑啊？百分之八十的流量都在移动端。所以，咱们做ui界面设计尺寸，第一原则就是：移动端优先。别搞什么响应式后期再调，累死你。直接定死一个基准宽度。

我一般用375px或者390px做基准。为啥？因为iPhone SE和老款iPhone还是不少人在用的。你按375做，在大屏手机上看着舒服，在小屏上也不会挤得慌。你要是直接拿1080p去画，那线条细得根本看不清，用户看着眼晕，转化率直接掉一半。

再说说间距。很多新手喜欢把元素堆得满满当当，觉得这样显得内容多，厉害。错！大错特错。留白，懂不懂？留白不是浪费空间，是给用户呼吸的机会。按钮之间至少留8px到16px的间距，别紧贴着。文字行高，别小于1.5倍字号。这些规矩，都是前人踩坑踩出来的血泪教训。

还有字体大小。正文一般14px或者16px，标题可以大点，但别超过32px，除非你是做海报。记住，字体太小，用户得眯着眼看，谁有那耐心？

说到这，还得提提图片。图片在ui界面设计尺寸里也是个坑。很多客户发过来的图，分辨率忽高忽低，有的还是压缩过的，糊得像马赛克。你直接往设计里放，到时候上线了，用户一看，这啥玩意儿？模糊不清。

所以，切图的时候，记得做2x和3x两套图。虽然这有点老生常谈，但真有人偷懒只出一套。结果在Retina屏上看着清晰，在非Retina屏上看着也还行，但在某些低端安卓机上，可能就崩了。

再说说按钮。按钮的可点击区域，千万别只按视觉大小算。视觉上你可能画个20px高的按钮，但实际点击区域至少要44px高。为啥？因为手指头粗啊！你让用户用胖手指去戳个小点，他不得骂娘？

还有，别把所有颜色都用在页面上。主色、辅助色、强调色，加起来别超过三种。不然页面花里胡哨，像个大杂烩，用户找不到重点。

最后，也是最重要的一点。别太迷信工具。Figma、Sketch、PS，工具只是工具。你得懂用户，懂业务。ui界面设计尺寸不是死板的数字，它是为了服务于用户体验的。

我见过太多设计师，为了追求所谓的“完美比例”，把按钮做得奇形怪状，结果用户根本不知道那是按钮。这就本末倒置了。

做设计，就像做饭。食材好，火候对，味道自然好。ui界面设计尺寸就是那个火候，掌握好了，菜才好吃。掌握不好，再贵的食材也白搭。

所以，别纠结于那些虚头巴脑的参数。多看看竞品，多问问用户，多测试。哪怕你只画一个按钮，也要想清楚，它放在那，是为了让用户干嘛。

这行干久了，你会发现，最厉害的设计，往往是最简单的。没有多余的装饰，没有复杂的交互，就是清清楚楚，明明白白。

希望这点经验，能帮到刚入行的朋友。少走弯路，多攒口碑。毕竟，这年头，口碑比啥都重要。

对了，记得定期清理你的设计文件图层。别搞成千层饼，到时候自己都找不到哪个是标题，哪个是背景。那场面，尴尬得想找个地缝钻进去。