UI设计思路分享:如何修改社区app设计?

深圳/新媒体设计师/3年前/461浏览
UI设计思路分享:如何修改社区app设计?

分享新手如何下手修改作品

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

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


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


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

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



顶部区域

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


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


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

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



分类导航区域

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



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



内容推荐区域

▷ 问题:推荐标题过小,不够突出。



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



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

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



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



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




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




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





底部区域

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


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


整体

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

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



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



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


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

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



1
Report
|
11
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
工作渲染
Homepage recommendation
相关收藏夹
ui教程
ui教程
ui教程
ui教程
作品收藏夹
app案例
app案例
app案例
app案例
作品收藏夹
APP
APP
APP
APP
作品收藏夹
毕业设计
毕业设计
毕业设计
毕业设计
作品收藏夹
ui设计教程
ui设计教程
ui设计教程
ui设计教程
作品收藏夹
UI
UI
UI
UI
作品收藏夹
大家都在看
Log in