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

用户头像
重庆/网页设计师/10年前/946浏览
站在产品原型之上的移动端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系列
智能家居中心 简约 UI设计组件库
UI界面 组件
高级感金属拟物 UI设计组件库
科技医疗透明柜UI界面设计
我的钱包-UI界面设计-app
UI 登录界面设计模板包
3D渐变流体抽象矢量UI背景图
新能源APP应用UIKit
高级表盘系列UI源文件
【新年UI图标】活动icon
【新年UI图标】珠宝icon
盲盒APP UI设计
【新年UI图标】礼物/活动icon
【新年UI图标】旅行icon
【新年UI图标】积分icon
【新年UI图标】30个图标
3D卡通UI界面图标可爱插画免扣素
新拟态风格 UI设计组件库
APP/小程序商业项目UI模板|99个高保真UI+79个原型
钱包ui模板
户外旅行飞机情侣假日出行
UI通用设计素材1
你可能喜欢
大家都在看
登录注册