十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
成都创新互联是一家专业的成都网站建设公司,我们专注成都网站制作、成都做网站、外贸营销网站建设、网络营销、企业网站建设,友情链接,广告投放为企业客户提供一站式建站解决方案,能带给客户新的互联网理念。从网站结构的规划UI设计到用户体验提高,创新互联力求做到尽善尽美。
包括了ui设计师和交互设计师,产品经理和程序员的团队合作进行的,可以到趣达的ui设计公开课上学习
大概设计板块有app启动页面设计,app界面设计的尺寸规范,app图标设计等一般来说,手机屏幕是从上往下布局的,重要的信息会放在上方。但是在操作上,大部分人都是单手拿手机,常用的操作,要放在界面的下方。另外还有一个原则,最小的触摸单位,一般是44个像素。如果再小,你的拇指难以触碰,或者容易引发误操作。同时,也不要让界面太拥挤。
1. 行业,业务介绍;告诉设计师app是用来做什么的。及用户群体大多是哪类人;有经验的设计师会根据以以往经历来斟酌设计。
2. 设计要求及技术事项;如果你希望用什么颜色;或什么风格。可以把一些好的案例发给设计师。(但是也别太多;这无疑是把范冰冰眼睛,章子怡都嘴,林志玲都鼻子等诸多好东西从新拼凑;会起到反效果)技术事项是比如你的app是否需要兼容pad及安卓;3. 准备文案,比如app都首页会有一张大广告图;但是图上面的广告语;得你来想好;如果设计师自己随便弄个;也许不符合你的意愿;完了修改。这又造成了时间与工作量的浪费。本答案由祝明园ui设计工作室专业回答
按钮和图标的排版设计也是一门学问,不一样的排版就会有不一样的视觉结果。如果对设计的细节不重视,有可能让我们原本完美的产品变的平庸,比如像按钮、Tab这些简单的界面元素也是需要排版的,因为用户可能每天都会点击N次。社交类APP当中的按钮设计这样的APP按钮是直接吸引用户点击交互的。而且按钮的排版和整个元素的排版都是居中的,属于UI设计当中的中轴式布局。大气稳重。电商APP当中的按钮设计此款APP的按钮设计非常的丰富。各个元素基本都是由按钮来组成和布局排版的。看到满意的只要打钩就行。最后一个大的按钮键点击添加到购物车理财app的块元素按钮设计其实这样的宫格式的设计也是属于app按钮设计范畴。相比我们之前2个的按钮,没有那么明显。但是这些其实是按钮的演变。可以去参考小灵灵的设计
1、尺寸以及分辨率:Android的界面尺寸比较流行的有:480*800、720*1280、1080*1920,我们在做设计图的 时候建议是以 480*800的尺寸为标准;
2、界面基本组成元素:界面基本组成元素包括:状态栏+导航栏+主菜单栏+内容区域;以480*800的尺寸为标准下的 各个元素的高度(其实导航栏和菜单栏每一个应用都或许不一样,android对于尺寸没有太明确的 数据规范)如下:3、字体:Android 系统中,Droid Sans 是默认字体,与微软雅黑很像;
4、操作栏:
1、”操作栏”对于 Android 应用来说是最重要的设计元素,它通常在应用运行的所有时间都呆 在屏幕顶部;
2、 操作栏的基本布局:1向上+2 Spinner视图控制+3 重要操作按钮+4 更多操作:其中,向上按钮,点击后是去到 当前界面的上一个层级,非第一层级界面有此按钮,第一层级界面则无向上按钮;Spinner 是 用于展示内容的下拉菜单,其内容包括视图的快速切换和显示相关内容的完整信息;更多操作(action overflow)是集合操作栏中不常用的和非重要操作的地方。
5、多面板布局:多面板布局更多的是针对平板电脑,把手机端的目录视图和详情视图两个层级的界面,甚至更 多的页面,复合展示在同一个界面中,有效地利用平板电脑的屏幕空间,扁平化层级结构,简 化导航。这点在iPad上已经运用得相当娴熟了。
6、选择:Android4.0中的长按与Android2.3及更早期的版本有很大的不同。早期版本长按操作后,是 出现情境菜单的浮出层。在Android4.0中,长按后在操作栏的位置会覆盖一个临时的情境操 作栏,不再弹出情境菜单浮出层。在临时情境操作栏的环境下,当前界面的内容项允许被单个 处理,也允许被批量处理。
7、返回和向上:返回按键用在手机全局的虚拟导航栏中,基于用户最近查看的界面历史,采用时间倒序的方式, 连接界面间的关系。向上按钮用在操作栏的左侧,基于层级结构,点击后是去到当前界面的上一 个层级,若当前界面已经是最高一级,则没有向上按钮。
8、主题样式:推出三套默认主题:Holo浅色主题、Holo深色主题、Holo浅色底+深色操作栏主题。主推app在 这三套默认主题的基础上做设计,以加快app研发效率,但只是建议使用,并没有完全强制。
9、触摸与反馈:用户触摸应用中的可操作区域,应当在视觉上有响应,微小的反馈会给用户带来很好地效果;
10、按钮:
1、按钮的3种表现形式如下图:2、对于仅包括图标的按钮,不需要使用背景色;
11、滑块:滑块的几种表现形式如下图:12、进度条:如果某个操作需要花费很长的时间,就需要用进度条的指示和旋转圈的形式来表示:
1、如果你可以知道当前任务完成的比例,那么使用进度条,让用户了解大约还需要多久才能完成;
2、当使用旋转圆圈时,不要配以文字标签。旋转的圆圈已经表明了正在进行后台操作。
13、开关:用户通过开关作出选择,包括3种形式:复选框+单选按钮+开关;1、复选框:用户可以在一个集合中作出多个选择:2、单选按钮:单选按钮允许用户在一个集合中做一次选择;
3、开关:开关控制单个选项的状态;
14、对话框:应用通过对话框让用户作出决定或者填写一些信息,1、对话框的左边一般情况下是取消按钮,右边是确定按钮;
第一点:了解你的目标客户群的心态1、做微任务的目标客户群(如随时随地看看新闻,听听歌,看看电影,聊聊八卦之类):这类的解决方案是设计的app最好是小而准,不要大而全。越全的功能应用,只能代表着这个应用在各方面的都很平庸2、喜欢当工具来使用的目标客户群:比如找地图,看天气,查数据等。这类的解决方案是 我们尽最大努力的去满足用户的情景需求。做到极致和简单。
3、无聊的客户群,用来打发消磨时间的:无需求,漫无目的的这类的解决方案是尽可能展示用户感兴趣的东西,帮助客户来打发消磨时光。第二点:app原型图的制作和设计讨论这个环节是必不可少的。需要根据设计需求认认真真的来画画原型图。常用的app原型图工具:移动app原型设计神器 pop 、axure、foreui等第三点:app视觉设计与设计要点
(1)大概设计板块有app启动页面设计,app界面设计的尺寸规范,app图标设计等一般来说,手机屏幕是从上往下布局的,重要的信息会放在上方。但是在操作上,大部分人都是单手拿手机,常用的操作,要放在界面的下方。另外还有一个原则,最小的触摸单位,一般是44个像素。如果再小,你的拇指难以触碰,或者容易引发误操作。同时,也不要让界面太拥挤。所以,设计师必须用减法设计,这个过程需要花时间思考、简化元素。你必须记住:
(1)隐藏设计或者减法设计
(2)分区或分类
(3)帮用户做决策
(4)提高交互创新设计
(5)让人有爽快感和新奇感
(6)在设计中浸入情感,把握用户的心理。(谈谈如何进行产品设计以及产品情感化设计)一位大师这样说过“真正的简约设计是:作品必须不断的被简化,一改再改,直到设计最终成形。”2014年 app设计风格趋向扁平化和卡片化。卡片,扁平化都会是移动app设计的趋势!认为卡片设计确实同时兼具了“拟物”和“极简”2种优势!第四点:app界面设计流程
(1). 设计app界面时,学会从优秀app界面设计作品中寻求灵感,以前的艺术大师,用少量的资源做了大量的设计。
(2). 放下工作,休息一下很有帮助。扁平和简约设计的一切均关乎到细节的差异。因此小憩片刻后再回到工作,带着全新的眼光工作,比长时间冥思苦想更有效。
(3). 并排比较各个版式同样有帮助。哪怕花20分钟前将一个线条下移各5个像素分别保存,对比两个版式就能很快分清孰好孰坏。
(4). 由于实物展示的相对比例至关重要,所以要及早在不同的目标设备上测试。
(5). 整个设计过程中不断问自己“真的需要吗?” 。支撑项目时候,找一些讨巧的办法,例如,添加一些有趣的元素、样式会这样会很容易也会很吸引人,但必须始终注意剔除不必要的元素,不断精简。甩掉你费尽心血的部分总是难以割舍,但修改过程必须挑剔。第五点:app界面设计测试与预览修正设计完成之后,我们可以把设计图导入手机测试或者是校正。之前发布的在线测试工具:快速在移动终端上预览app界面设计效果图的方法最后:好的app界面设计作品必然是要经过不断升级、重复迭代的。
众所周知,每一种颜色带给用户的视觉感受也是不同的。现在人们对手机的依赖程度,就能看到手机中APP的发展前景,那今天就跟大家聊聊如何通过颜色搭配的不同来进行移动端APP界面的布局和排版设计,主要讲讲APP界面设计的色彩选择与搭配。移动端UI界面中通常是需要选取主色,标准色,点晴色。它们各自代表的含义:主色虽然是决定了画面风格的色彩但是往往不会被大面积的使用。通常在导航栏/部分按钮/icon/特殊页面等地方出现,会有点晴,定调的作用。统一的主色调也能让用户找到品牌感的归属,例如网易红/腾讯蓝/京东红/阿里橙等等。标准色:指的是整套移动界面的色彩规范,确定文本/线段/图标/背景等等的颜色。点晴色:通常会用在标题文本/按钮/icon等地方,通常起强调和引导阅读的作用。常见的移动端UI界面的颜色搭配设计方案有:
1、邻近色配色法则:(色相环上邻近的颜色)换句话说就是:选取色相环上邻近的几种颜色来搭配设计。
2、同色系配色法则主要是指同色系配色(色相一致,饱和度不同)的配色方案:主色和点晴色都在统一的色相上,给用户一种一致化的感受。第三种是点亮色配色法则主色用相对沉稳的颜色,点晴色采用一个高亮的颜色,起带动页面气氛,强调重点的作用。第四种是中性色配色法则用一些中性的色彩为基调搭配,弱化干扰。这种方法在移动端是最常见的方法。中性色彩搭配由黑色、白色及由黑白调和的各种深浅不同的灰色系列,称为无彩色系,也称为中性色。中性色不属于冷色调也不属于暖色调。黑白灰是常用到的三大中性色。第五种是渐变色与纯色配色法则这种大胆的配色方案也是2017年值得关注的一个风向标。丝路说这也是2017年移动端APP设计的一个趋势。学会更大胆地使用色彩会是一个不错的选择。