图片社交原型

作品介绍
作品介绍 ------------------------------------------------------------------------------------------- Hello~ 大家好! 这是一款为爱好摄影壁纸的用户提供的社交分享平台 ( 项目内图片可免费商业/个人使用 ) 因为这是一款由墨刀完全打造的作品,所以每个页面的组件基本都可以复用(操作一遍就知道) 【原型结构】 启动页(品牌LOGO / 宣传语句 / 快捷键) 登录(欢迎语 / 手机验证登录 / 温馨提醒 / 快捷登录 / 用户协议) 首页(图片搜索 / 搜索结果 / 图片详情 / 下载图片 / 收藏分享 / 作者资料 / 作品合集 / 粉丝关注 / 社交私信) 发现(图片分类 / 图片分享 / 图片介绍 / 下载图片) 消息(通知公告 / 粉丝关注 / 收藏喜欢 / 社交私信 / 一键已读) 我的(个人资料 / 用户数据 / 历史下载 / 审核进度 / 帮助反馈 / 设置中心 / 个人作品 / 个人收藏 / 创建画板 / 上传作品) 【设计思路】 该项目的使用人群都是爱好摄影分享的年轻人,普遍年龄在16-30岁区间内,年轻且较为审美挑剔的用户,所以设计目标:符合使用者的审美和需求,打造一款便捷、时尚、简洁、健康的分享平台。 在色彩搭配上运用高级黑为主色,亮红色为点缀色,不仅能提升品牌认知度,还能突显出时尚、魅力的行业属性 在视觉和布局上采用瀑布流、卡片式等流行操作和浏览排版方式、增加用户关注度 因为墨刀PC浏览与APP浏览是有区别的,所以为了让交互看起来更舒适清晰(个人使了点小本事),在动效上费了点功夫,使每个页面的交互效果舒服简约,浏览路径清晰简短,不仅方便用户发现和了解,并更好的引导用户继续下一步操作; 评委评语 ------------------------------------------------------------------------------------------- 张元一 墨刀创始人兼 CEO 整个作品兼顾了页面完整性、设计美观度、内容可复用性以及理解成本。 从页面结构、交互动效、配色等方面的细节之处,都可以明显地看出作者的用心。 可以说是一个理想的原型素材。 --- 刘宓 蚂蚁金服高级体验设计专家、负责语雀的用户体验设计 设计作品完成度非常高,尤其是产品气质的打造,呈现鲜明的清新风格。图标、配图、控件等设计资产有特色细节并且使用复用度高。元素的动效和缓动用力均匀不唐突。稍微吃力的是第一次登陆,设计师多思考是否支持免登即可把玩,在 app 内需要做交互时再唤起登陆方式。整体从风格气质、组件资产、用户路径、动效几个维度看,是一个优秀的作品。 --- 朱江 易观 CPO 作品风格很有特色,设计上很符合用户的自然使用习惯,色彩搭配和结构板式都非常人性化,去繁就简,是一个不错的作品。 --- 张运彬 IXDC 国际体验设计委员会秘书长、网易前高级产品设计经理 整个作品能很好地体现出应用的核心功能,很清楚的阐述出APP的价值;品牌调性与『摄图』的唯美定位很一致。在交互设计上,没有盲区,用户在使用上很易懂,实现『don't make me think』. --- 胡庆 SUXA 深圳体验设计协会发起人、易宝设计研究院院长 1,作品在功能和视觉设计上相对合理和完整。 2,页面简洁清晰,符合一款好产品的基本要求。 3,没有功能操作作用的图标不建议做动效,在用色、线条粗细,都不宜太跳。 --- 周旖 金数据 产品总监 1. 交互、视觉作为2C图片类产品, 在移动端设计思路清晰,主流程完整。 2. 不错的配色和导航思路,细节处理得当,对同类型产品有参考价值。 3. 在非核心交互上使用过多动效,过多增加使用负担。 --- 金燕 坚果云 产品总监 围绕着作品的定位做功能,结构清晰,简洁易用。在设计上比较细心,考虑到了PC和手机浏览的不同体验。部分交互的细节还能做得更好。 --- 王成功 UI中国专业用户体验设计平台 COO 整体交互原则清晰,简洁,很多细节都照顾到位,符合好的产品原型。 --- 丁一 DEX 创始人、OPPO 资深设计师、前 Sketch 中国区负责人、前 36氪 设计总监 1. 整体设计非常简洁清新,风格比较统一。 2. 作品页面完成度高,很多细节和小图标比较用心。 3. 页面切换和其他图标的动画效果比较出色,唯一不足是效果有点多,显得整体交互有点臃肿。 --- Kevin PMTalk 产品经理社区发起人 《产品之光》作者 1.交互动画细腻,细节把握好 2.作品页面逻辑完整,但在产品设计上加入话题维度,增加内容分类和易读性。 --- 唐韧 行业畅销书《产品经理必懂的技术那点事儿》作者、公众号「唐韧」主理人Kevin、PMTalk 产品经理社区发起人、《产品之光》作者 1、设计风格简洁、统一。视觉呈现于产品定位结合度较高。 2、在信息流呈现上,图片类控件的区域可以占更多的视觉面积,以突出核心内容。 3、产品完成度较高,功能逻辑和交互细节设计比较合理。 --- 李三科 畅销书《快速转行做产品经理》作者、互联网资深产品经理 1.作品交互动画设计令人印象深刻,细节都有注意到,非常用心,有很多值得借鉴和学习之处。 2.页面流程清晰,逻辑合理。
相关素材












