UI知识,论新手如何单独完成一款APP的设计(4)插图

UI知识,论新手如何单独完成一款APP的设计(4)

这是公司现在准备推的优品商城APP版。 市面上的商城APP,例如天猫、京东、亚马逊、唯品会等等都已经养成了一定的用户习惯,所以在一开始设计APP的时候,被要求既不能大幅度打破这些人们熟知的用户习惯,又要做出自

UI知识,论新手如何单独完成一款APP的设计(2)插图

UI知识,论新手如何单独完成一款APP的设计(2)

ICON很重要! (真的很重要,再说一遍!) 如果说布局是一个人内在,那ICON就是那巨大的欧派! 70年代的名人祖尔金的名言我最厉害,套用在ICON身上最合适不过了。 不过画ICON的确是一件很折磨人的事。 赞美扁平化,

广告位
UI知识,论新手如何单独完成一款APP的设计(3)插图

UI知识,论新手如何单独完成一款APP的设计(3)

这次制作周期较长,准备工作做得比较足,最终效果还是可以接受的。 不满之处当然有很多,比如部分ICON画的整体性不足,没有制作动效等等,但毕竟是自家的孩子,而且还是大宝贝,我个人还是很喜欢的~ 也欢迎大家多说

UI知识,UI设计切图的命名规范(4)插图

UI知识,UI设计切图的命名规范(4)

首先分享一个比较好用且快捷的切图软件………………… Cutterman; 这是一个photoshop扩展功能切图插件,它支持IOS、Android、WEB切图,一键切图,方便快捷。 它在Photoshop中是这个样子的; 大家可以试一下

UI知识,UI设计切图的命名规范(2)插图

UI知识,UI设计切图的命名规范(2)

命名规范是:login_logo.png(登录LOGO) 第二个是启动页背景命名规范:login_bg.png(登录背景) 第三个和第四个是登录按钮及输入框 命名规范:login_btn.png(登录的按钮) login_input.png(登录输入框) 这个界面中

UI知识,UI设计切图的命名规范(3)插图

UI知识,UI设计切图的命名规范(3)

如:tab_set.png/tab_set_pre.png 主页面icon命名规范:Home_(功能属性)_(描述).png 如:Home_icon_share.png ps:描述可用英文或者拼间开头字母组合 部分功能属性简写: 按钮:btn 按钮文字:btntext 复选框:c

UI知识,新手如何自学UI设计?(4)插图

UI知识,新手如何自学UI设计?(4)

什么是UI设计 UI的本意是用户界面,是英文User和 Interface的缩写。从字面上看是用户与界面2个部分组成,但实际上还包括用户与界面之间的交互关系。 个人认为UI设计不仅仅是丰富原型稿和产品经理交接,一定程度上囊

UI知识,新手如何自学UI设计?(2)插图

UI知识,新手如何自学UI设计?(2)

界面输出也就是切图以及标注,并输出整体界面的视觉规范。 四.前端以及开发阶段 配合好开发人员完成相关的界面结合,验收视觉以及前端、开发成果。根据他们的反馈,改进交互设计,并与产品经理协调。 五. 优化阶段

UI知识,新手如何自学UI设计?(3)插图

UI知识,新手如何自学UI设计?(3)

百度外卖这两个页面用的是卡片式 四. 内容为王 真正有价值的app,一定是内容取胜。 新浪利用字体排版,尽可能的内容前置,弱化图标和操作让用户集中注意力于内容阅读上。 优点:让用户聚集于内容上 典型例子:滴滴

UI知识,如何提高UI设计效率:观念与沟通插图

UI知识,如何提高UI设计效率:观念与沟通

许多人认为创造力和逻辑是左右半脑分开管辖的、设计师和工程师使用的是不同部分的能力,所以大家各安其份做好自己的工作就好——我负责光鲜亮丽地画图,工程师就负责用超大声的同刻键盘在黑色的屏幕上编写外星文。

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部