UI设计思路分享：如何修改社区app设计？

同样是做界面设计，为什么有些设计师做出来的界面看似简单，却总显得比我的更高级？

这大概是不少小伙伴曾困惑过的问题，尤其是在自学的道路上，会有很多困惑。其实很多时候，往往是一些细节的处理让界面变得更精致。今天皮仔就从「如何修改」的这一角度出发，分享对于移动端界面设计的修改思路，希望能给大家带来一些启发。

这是皮仔从Pixso的社区中随机挑选出的一个作品，其实从整体来说，这个设计本身已经有了不错的基础，但仍有优化的空间。

作品源文件地址如下，大家也可以拿去进行练习哦！

https://pixso.cn/community/file/FCVGUjXbkLM6YaYdbP32AA

顶部区域

▷ 问题：原版的导航栏区域，将欢迎语置顶，但如果作为每天多次登录的用户来说，其实这一欢迎语的必要性不大。

▷ 问题：首页上没有能够设置APP属性、扫一扫等方面的功能图标，用户需要进到个人主页才能进行个性化设置，比较不方便。

✓ 修改：将该部分文字删除，将搜索栏上移。

同时，可以参考多种社交APP，例如知乎，在主页左上方添加快捷键，进行查看主页、消息或者发布等操作。

分类导航区域

▷ 问题：原本的分类导航栏位置略大，矩形装饰虽大，但字体却不太明显。

✓ 修改：当前页面的矩形已经比较多，在这一部分可以做减法，将矩形装饰去掉，改为弧线，同时，放大当前主题字号，以此突出当前内容主题。

内容推荐区域

▷ 问题：推荐标题过小，不够突出。

▷ 问题：整个界面以纯色作为背景，首页出现大幅度留白，会给用户“信息太少”的感觉，降低期待性。

▷ 问题：热度图标位置与文章距离过远，导致关联性被削弱。并且没有具体热度值，吸引力降低；

并且没有关键词标签与发布时间等信息，所包含信息过少。矩形设计为直角，从视觉上看不够美观。

✓ 修改：将推荐标题名称更换成热门话题，并加大字号。

✓ 修改：将推荐内容的形式重新调整，增加了图片元素，提升对用户吸引力；同时增加「关键词」和「发布时间」，扩大信息量。

✓ 修改：将热度图标挪至内容的右下角，与创作者相连，并加上具体热度值，增强提示。

✓ 修改：推荐内容部分是可左右滑动进行查看的，因此在内容框下方增加滑动提示。

底部区域

▷ 问题：底部菜单栏没有明显的内容分割线，没有界限感；同时，图标没有文字注释，单看图标难以理解含义。

✓ 修改：将发布按钮做突出处理，提升用户“发布率”。同时优化了菜单栏的整体设计，增加阴影以做隔断。同时增加了每个页面图标的文字注释，更利于用户快速理解。

整体

▷ 问题：整体比较普通，缺乏亮眼的元素，上半部分文字少，但占比大，让整体比例不协调。

✓ 修改：重新规划排版，整体上移，优化布局。

✓ 修改：考虑更换背景风格，增加弥散光元素，提升整体质感，在相对应的图标设计中增加同类元素，让整体更和谐。

最后再来看看最终效果吧！

学习设计，勤练是非常重要的一环，大家可以在网上多搜集成品，一方面可以作为参考素材，另一方面也可以在作品上进行二次创作。

https://pixso.cn/community/file/FCVGUjXbkLM6YaYdbP32AA