想学微信的界面设计，来看看WeUI的暴力美学

图标的设计规范

图11：icons页面案例

图标的设计是在UI设计中比较能体现界面风格的细节，icon的设计属于理性和感性比较交错的部分。对于细节要敢于创新也要舍得取舍。体量感的控制，风格的统一，视错觉下的调整……

Panel

面板的设计规范

图12：panel页面案例

我觉得WeUI中出现的pannel这部分可能有点多余，这应该和Cell部分一样，属于表单系列；只不过这里的表单是平时我们比较常见的部分（图文组合）；

在这种图文组合中，如果能用上亲密性、对比、重复、对齐这几个原则，那一定会是一个标准舒适的界面。

Tab

Tab的设计规范

图12：Tab页面案例

我们知道Tab的高度一般取49pt，相对应的tab中icon的大小一半控制在25pt内；

SearchBar

搜索框的设计规范

图12：searchbar页面案例

文末感谢开发小伙伴的技术支持。

（编辑：PHP编程网 - 襄阳站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!