【UI界面养成记之窗口篇】

测码奔腾永无BUG · 发表于 2020-11-4 20:01:52

最近在逛论坛的时候，发现易语言在UI界面这块需求比较大，但是好的ui界面源码资源这块比较少。虽然有很多自绘模块，也不乏会用的人，但能搞好界面的貌似比较少，然后刚好我也是学平面设计这块的，所以我就搞了个简单的教程(不喜勿喷，如果觉得不错，那就关注一下吧) ，目前只发第一篇，后续会不定期更新，直到把每个主要的窗口组件（按钮、编辑框、图片框等）都讲解一遍

这期教程我们先从窗口的整体布局开始，暂不考虑颜色、配色、装饰这些
要想让界面好看，窗口布局决定界面成败，一个好的ui界面是有一定规律的，可以看下下面两张图：

很明显，图一的界面显得就非常凌乱，毫无规律可循，这样就会显得很吃藕，反观图二，整个界面统一了风格，同时用了对齐的手法，就会让整个界面有规律可循。

在ui设计中，整个界面所使用的主颜色(不包括同类色)最好不要超过三种，超过三种容易显得凌乱，而且界面中所采用的字体最好统一一种字体。例如下图WPS中的界面，整体都是以蓝白两种颜色为主，然后字体都是以灰色，黑体为主，整体布局都是以居左或居中为主，这样的界面就会显得非常统一、简洁、直观

想要提升界面美感最好的方法就是运用好常用的界面布局：
只要界面的整体布局弄好了，那么，即使不弄那些图标、图形、图片等装饰，单单几个按钮、标签，一样可以把界面弄得很好看(赞成的举爪)
目前最常用的三种主界面布局就是导航栏居住左、居上、居下；当然具体还是要根据软件中的内容来考虑整体的布局，比如网络验证类的，一般都是居中排列