站在产品原型之上的移动端UI设计思维模式

用户头像
重庆/网页设计师/9年前/941浏览
站在产品原型之上的移动端UI设计思维模式

金融产品移动端首页设计,自己的随笔。

原型图没有交互,设计师怎么解

        谁来设计交互?很多公司会让产品经理,或者UI设计师,或者前端工程师做。甚至很多公司不在意谁做,只看到上线后的结果。接下来我分享一下我的处理方式。

        我是一枚UI设计师,请允许我自称UI设计师,而不是美工。毕业于美术专业,找到了现在的坑,就奋不顾身跳了进来。

        作为一个UI设计师,不局限于UI的布局和配色,还需考虑用户体验,交互设计等,把自己想成服务对象去感受设计出来的产品。

        接下来从1张原型图的信息中,提取出关键的8张设计图,然后准确的把信息传达给前端工程师。

---------------------------------------------------------------------------------------------------------------------------------------------------

分析原型图

首先分析原型图,从以下几点分析:

1.产品背景,

比如产品类型、产品用户群,产品的竞品、企业文化等、当然还有老板喜好程度(boss是第一位用户,如果他不满意,要么跟他pk,要么服从他,我建议拿着广大用户反映的数据去PK,大家说好,才是真的好!)

2.布局

3.配色

4.交互体验

5.是否有沿用产品以前的logo

分析结果

1.是款p2p金融产品

2.产品用户群,通过数据可知p2p主要用户群在26-45岁之间。在UI设计的过程中能够抛开个人喜好,需要根据大众的用户喜好进行设计 


3.需要沿用产品以前的帆船logo

4.该公司的企业文化

5.产品的角色分为企业用户和个人用户

设计理念

由于logo是一个帆船,所以首页焦点图设计成的水波的形式,按照传统的风水理论水能生财,水的流动性象征着“财源滚滚”,寓意在金融的大海中扬帆前行。


---------------------------------------------------------------------------------------------------------------------------------------------------

呈现效果

原型图

cacc57904bbd0000012e7e2ca780.jpg

设计图:

835b57904bed0000018c1bf8a1dd.jpg


8
举报
|
7
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
【新年UI图标】30个图标
【新年UI图标】影音icon
UI通用设计素材1
【新年UI图标】银行卡icon
3D卡通UI界面图标可爱插画免扣素
高级表盘系列UI源文件
高级感金属拟物 UI设计组件库
UI应用平面图标
Security Camera UI kit
拟物风质感写实UI卡片合集源文件
手表表盘UI系列
【新年UI图标】钱包icon
【新年UI图标】会员icon
【新年UI图标】珠宝icon
UI界面 组件
新能源APP应用UIKit
新拟态风格 UI设计组件库
钱包ui模板
盲盒APP UI设计
3D渐变流体抽象矢量UI背景图
智能家居中心 简约 UI设计组件库
抽象液态渐变UI背景模版
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
你可能喜欢
大家都在看
登录注册