UI设计思路分享:如何修改社区app设计?
分享新手如何下手修改作品
同样是做界面设计,为什么有些设计师做出来的界面看似简单,却总显得比我的更高级?
这大概是不少小伙伴曾困惑过的问题,尤其是在自学的道路上,会有很多困惑。其实很多时候,往往是一些细节的处理让界面变得更精致。今天皮仔就从「如何修改」的这一角度出发,分享对于移动端界面设计的修改思路,希望能给大家带来一些启发。
这是皮仔从Pixso的社区中随机挑选出的一个作品,其实从整体来说,这个设计本身已经有了不错的基础,但仍有优化的空间。

作品源文件地址如下,大家也可以拿去进行练习哦!
https://pixso.cn/community/file/FCVGUjXbkLM6YaYdbP32AA
顶部区域
▷ 问题:原版的导航栏区域,将欢迎语置顶,但如果作为每天多次登录的用户来说,其实这一欢迎语的必要性不大。

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

✓ 修改:将该部分文字删除,将搜索栏上移。
同时,可以参考多种社交APP,例如知乎,在主页左上方添加快捷键,进行查看主页、消息或者发布等操作。

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

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

内容推荐区域
▷ 问题:推荐标题过小,不够突出。

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

▷ 问题:热度图标位置与文章距离过远,导致关联性被削弱。并且没有具体热度值,吸引力降低;
并且没有关键词标签与发布时间等信息,所包含信息过少。矩形设计为直角,从视觉上看不够美观。

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

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

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

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

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

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

整体
▷ 问题:整体比较普通,缺乏亮眼的元素,上半部分文字少,但占比大,让整体比例不协调。
✓ 修改:重新规划排版,整体上移,优化布局。

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

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


学习设计,勤练是非常重要的一环,大家可以在网上多搜集成品,一方面可以作为参考素材,另一方面也可以在作品上进行二次创作。
https://pixso.cn/community/file/FCVGUjXbkLM6YaYdbP32AA
















































































