随着《心跳回忆珍藏集1》的热卖,《珍2》趁热打铁地新鲜出炉了。然而这一次,卡表的吃相稍显难看了点。《2》比《1》贵出了整整1000丹,而内容充实程度、排版设计,都让人大跌眼镜,骗钱之心昭然若揭。单薄的缩略图,寥少的说明文字,大段的留白更让人觉得这是小学生做出来的PPT页面。虽然内容比1,相对周边的时效性性,补充了部分当时最新的周边信息,但实在无法掩盖卡表榨干粉丝钱包的急切心情。不过由于本篇开始的质量不济,导致本作的销售数量与1不可同日而语,间接造成了其存世量明显偏低与第一作,以致影响到后来的《珍3》,此是后话,且听下回分解……
#UI拆解#
今日份UI拆解【旅行训练应用】,Nikitin T
[酷]GOOD
1.简笔插画风格,形象直观又不失趣味感
2.卡片作为信息载体,通过使用合理的留白,让页面简洁、轻量
3.柔和的弥散投影,突出了信息层级
4.极简、高效、友好的产品格调,品牌感较统一
5.登录页设计,简洁、大方,直观地表面了产品的用途
[思考]BAD
1.形状
造型:底部标签栏的icon设计,内部过于紧凑,不够简洁,增加了识别难度
细节:建议登录页下方的第三方入口,可以设计得更加符合产品设计风格,现在来看有点
2.颜色
情感:线性描边插画,完全使用纯黑,显得过于生硬、冰冷。建议叠加品牌紫,赋予独特感的同时,注入了品牌感。
3.构图
主次:对于未被激活的输入框,底部的按钮应该降低不透明度,以表示需要满足一定条件才能触发该操作。
空间:登录页,输入框与登录按钮距离过小,错误提示在哪里显示?注册提示语第三方登录入口也过于狭小,整体布局缺乏层次感。
今日份UI拆解【旅行训练应用】,Nikitin T
[酷]GOOD
1.简笔插画风格,形象直观又不失趣味感
2.卡片作为信息载体,通过使用合理的留白,让页面简洁、轻量
3.柔和的弥散投影,突出了信息层级
4.极简、高效、友好的产品格调,品牌感较统一
5.登录页设计,简洁、大方,直观地表面了产品的用途
[思考]BAD
1.形状
造型:底部标签栏的icon设计,内部过于紧凑,不够简洁,增加了识别难度
细节:建议登录页下方的第三方入口,可以设计得更加符合产品设计风格,现在来看有点
2.颜色
情感:线性描边插画,完全使用纯黑,显得过于生硬、冰冷。建议叠加品牌紫,赋予独特感的同时,注入了品牌感。
3.构图
主次:对于未被激活的输入框,底部的按钮应该降低不透明度,以表示需要满足一定条件才能触发该操作。
空间:登录页,输入框与登录按钮距离过小,错误提示在哪里显示?注册提示语第三方登录入口也过于狭小,整体布局缺乏层次感。
#UI拆解#
今日份UI拆解【旅行概念应用】,作者:Adrian Gancarek
[酷]GOOD
1.圆角卡片承载不同的内容信息,模块之间划分清晰
2.灵活地运用留白,区分不同模块的同时,让页面更有呼吸感
3.精美的图片+适当地使用衬线字体,提升了文艺感
[思考]BAD
1.形状
造型:内容区、底部标签栏的线性icon视觉大小要统一,icon内部空间要充足,整体设计保持简约、易识别。
环境:中间页面卡片右上角的标签底板建议用黑色不透明,以便搭配白色线性icon,保证在图片背景上具有清晰的识别力。
细节:中间页下方的白色卡片,图片圆角太大,和白色背景显得格格不入。
2.颜色
行业:目前的主色红,明度太高,不够鲜亮,缺乏热情与活力。
平衡:如果以活泼、热情、有趣为走向,可以适当添加橙色、橙黄等暖色调,丰富页面的视觉效果。
干净:背景与白色卡片应拉开差距,现在几乎混在一起了。
3.字体
比例:中间页的大标题字体应适当调小,本身衬线字体已足够有识别力,太大的字体会显得特别突兀。
识别:注意说明文字的识别度,现在颜色过浅。
线条:标题旁边的折叠icon可以使用浅灰色,避免使用太多的主色,产生太多视觉跳点。
字距:字体行间距缩小,段落之间的距离适当拉大,打造明显的层次感。
4.构图
秩序:左页面的上段文字有点靠下,大量的信息展示在一块,显得头轻脚重。
5.质感
层次:底部标签栏、白色卡片,建议添加较明显的柔和投影,提升页面层次感和展示优先级。
高级:建议卡片文字区添加透明黑色蒙版,既增强字体识别度,又提升了图片的精致感。
6.创意
调性:页面整体层次不够突出,缺乏细节感。
今日份UI拆解【旅行概念应用】,作者:Adrian Gancarek
[酷]GOOD
1.圆角卡片承载不同的内容信息,模块之间划分清晰
2.灵活地运用留白,区分不同模块的同时,让页面更有呼吸感
3.精美的图片+适当地使用衬线字体,提升了文艺感
[思考]BAD
1.形状
造型:内容区、底部标签栏的线性icon视觉大小要统一,icon内部空间要充足,整体设计保持简约、易识别。
环境:中间页面卡片右上角的标签底板建议用黑色不透明,以便搭配白色线性icon,保证在图片背景上具有清晰的识别力。
细节:中间页下方的白色卡片,图片圆角太大,和白色背景显得格格不入。
2.颜色
行业:目前的主色红,明度太高,不够鲜亮,缺乏热情与活力。
平衡:如果以活泼、热情、有趣为走向,可以适当添加橙色、橙黄等暖色调,丰富页面的视觉效果。
干净:背景与白色卡片应拉开差距,现在几乎混在一起了。
3.字体
比例:中间页的大标题字体应适当调小,本身衬线字体已足够有识别力,太大的字体会显得特别突兀。
识别:注意说明文字的识别度,现在颜色过浅。
线条:标题旁边的折叠icon可以使用浅灰色,避免使用太多的主色,产生太多视觉跳点。
字距:字体行间距缩小,段落之间的距离适当拉大,打造明显的层次感。
4.构图
秩序:左页面的上段文字有点靠下,大量的信息展示在一块,显得头轻脚重。
5.质感
层次:底部标签栏、白色卡片,建议添加较明显的柔和投影,提升页面层次感和展示优先级。
高级:建议卡片文字区添加透明黑色蒙版,既增强字体识别度,又提升了图片的精致感。
6.创意
调性:页面整体层次不够突出,缺乏细节感。
✋热门推荐