#UI拆解#
今日份UI拆解【食物扫描APP】,作者:Maddy Beard
[酷]GOOD
1.产品定位属于生活辅助工具类,通过扫描蔬果来判断成熟度,无疑是一个不错的商业点子
2.无论是操作提示,还是实际的扫描纹路,都非常直观地告知了用户产品特色、使用流程
3.图片与插画形式相结合,视觉效果丰富而有趣
4.内容排版侧重点分明,充足的留白提升了页面的呼吸感,十分清爽、利落
[思考]BAD
1.形状
造型:右页面底部按钮,设计形式过于出挑,建议使用全圆角矩形,与整体的设计风格保持统一。
2.颜色
情感:使用不同纯度的深绿色,符合果蔬天然、健康的特征;建议统一一个主色,
平衡:建议引用一些较活泼的颜色,如红、橙红等,用于区分文字信息,打破同色易产生的单调感。
3.字体
比例:导航栏右上角的文字按钮,表现形式薄弱,不易被识别。
识别:对于用户比较关注的信息,可用不同颜色加以区分。例如:食用日期,种类等。
4.构图
主次:左侧页面,建议点击链接放在按钮下方或插画下方,符合用户的浏览顺序且易操作。
5.质感
层次:注意气泡在图片上要有层次感,可以通过投影加以控制。
6.创意
调性:有趣的交互形式容易帮助用户快速掌握使用技巧。页面设计整体友好、有创意。
今日份UI拆解【食物扫描APP】,作者:Maddy Beard
[酷]GOOD
1.产品定位属于生活辅助工具类,通过扫描蔬果来判断成熟度,无疑是一个不错的商业点子
2.无论是操作提示,还是实际的扫描纹路,都非常直观地告知了用户产品特色、使用流程
3.图片与插画形式相结合,视觉效果丰富而有趣
4.内容排版侧重点分明,充足的留白提升了页面的呼吸感,十分清爽、利落
[思考]BAD
1.形状
造型:右页面底部按钮,设计形式过于出挑,建议使用全圆角矩形,与整体的设计风格保持统一。
2.颜色
情感:使用不同纯度的深绿色,符合果蔬天然、健康的特征;建议统一一个主色,
平衡:建议引用一些较活泼的颜色,如红、橙红等,用于区分文字信息,打破同色易产生的单调感。
3.字体
比例:导航栏右上角的文字按钮,表现形式薄弱,不易被识别。
识别:对于用户比较关注的信息,可用不同颜色加以区分。例如:食用日期,种类等。
4.构图
主次:左侧页面,建议点击链接放在按钮下方或插画下方,符合用户的浏览顺序且易操作。
5.质感
层次:注意气泡在图片上要有层次感,可以通过投影加以控制。
6.创意
调性:有趣的交互形式容易帮助用户快速掌握使用技巧。页面设计整体友好、有创意。
#UI拆解#
今日份UI拆解【运输平台应用】,作者:YULIIA MEI
[酷]GOOD
1.内容模块化,符合格式塔中的‘接近律’,阅读侧重点分明
2.适量地运用留白来划分页面信息,具有十足的呼吸感
3.使用鲜亮的绿作为产品主色调,给用户传递一种安全、可靠、环保、清新的效果
4.表单输入数值限制,显示在输入框中,既节约了页面空间,又显得干净、整齐,为用户起到了很好的提示作用
[思考]BAD
1.形状
造型:线性图标尽量以简洁的构造特征为主。
2.颜色
情感:尽量少用深黑的填充按钮,避免页面增加沉重感。
平衡:建议添加蓝色或橙色作为页面的辅助色,帮助丰富页面的视觉表现力。
3.构图
秩序:左页面两个文本输入框整体距离下方,应保持足够的高度,用于显示输入出错时的提醒。
今日份UI拆解【运输平台应用】,作者:YULIIA MEI
[酷]GOOD
1.内容模块化,符合格式塔中的‘接近律’,阅读侧重点分明
2.适量地运用留白来划分页面信息,具有十足的呼吸感
3.使用鲜亮的绿作为产品主色调,给用户传递一种安全、可靠、环保、清新的效果
4.表单输入数值限制,显示在输入框中,既节约了页面空间,又显得干净、整齐,为用户起到了很好的提示作用
[思考]BAD
1.形状
造型:线性图标尽量以简洁的构造特征为主。
2.颜色
情感:尽量少用深黑的填充按钮,避免页面增加沉重感。
平衡:建议添加蓝色或橙色作为页面的辅助色,帮助丰富页面的视觉表现力。
3.构图
秩序:左页面两个文本输入框整体距离下方,应保持足够的高度,用于显示输入出错时的提醒。
#UI拆解#
今日份UI拆解【3D快递手机应用】,作者:YULIIA MEI
[酷]GOOD
1.大圆角卡片作为承载信息的容器,有效地组织了页面信息:条理分明、模块间划分清晰
2.圆角元素使用较频繁,向用户传递了友好、亲切的产品气质,有温度
3.页面没有冗余元素,大面积留白+极简设计风格,让页面显得清爽、高品质
4.适当地引用3D元素,符合当下设计流行趋势,有趣、活泼
[思考]BAD
1.形状
造型:图标设计遵循简约、易识别、视觉大小统一,右页面的电话icon设计过于繁琐。
质感:建议按钮使用同色系微渐变或添加柔和投影,强化质感。
2.颜色
人群:产品主要面向年轻消费群体,主色调上应更加鲜亮、活泼些。
干净:左页面的灰色按钮可以使用带其他颜色的色系,如浅灰蓝,显得更有品质。
3.字体
识别:对于不同模块的标题文字,字号可以再大些,能够从众多信息中脱颖而出。
今日份UI拆解【3D快递手机应用】,作者:YULIIA MEI
[酷]GOOD
1.大圆角卡片作为承载信息的容器,有效地组织了页面信息:条理分明、模块间划分清晰
2.圆角元素使用较频繁,向用户传递了友好、亲切的产品气质,有温度
3.页面没有冗余元素,大面积留白+极简设计风格,让页面显得清爽、高品质
4.适当地引用3D元素,符合当下设计流行趋势,有趣、活泼
[思考]BAD
1.形状
造型:图标设计遵循简约、易识别、视觉大小统一,右页面的电话icon设计过于繁琐。
质感:建议按钮使用同色系微渐变或添加柔和投影,强化质感。
2.颜色
人群:产品主要面向年轻消费群体,主色调上应更加鲜亮、活泼些。
干净:左页面的灰色按钮可以使用带其他颜色的色系,如浅灰蓝,显得更有品质。
3.字体
识别:对于不同模块的标题文字,字号可以再大些,能够从众多信息中脱颖而出。
✋热门推荐