如何做好一个APP界面设计
第一点:了解你的目标客户群的心态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设计的趋势! 25学堂认为卡片设计确实同时兼具了“拟物”和“极简”2种优势!第四点:APP界面设计流程(1).设计APP界面时,学会从优秀APP界面设计作品中寻求灵感,以前的艺术大师,用少量的资源做了大量的设计。(2). 放下工作,休息一下很有帮助。扁平和简约设计的一切均关乎到细节的差异。因此小憩片刻后再回到工作,带着全新的眼光工作,比长时间冥思苦想更有(3). 并排比较各个版式同样有帮助。哪怕花20分钟前将一个线条下移各5个像素分别保存,对比两个版式就能很快分清孰好孰坏。(4). 由于实物展示的相对比例至关重要,所以要及早在不同的目标设备上测试。(5).整个设计过程中不断问自己“真的需要吗?” 。支撑项目时候,找一些讨巧的办法,例如,添加一些有趣的元素、样式会这样会很容易也会很吸引人,但必须始终注意剔除不必要的元素,不断精简。甩掉你费尽心血的部分总是难以割舍,但修改过程必须挑剔。第五点:APP界面设计测试与预览修正我。知。道加。我。私。聊1.市场和用户调研其中用户调研尤为重要。只有全面调查、研究和了解用户之后,才能真正了解用户需求。以用户需求为基础和导向的设计,才是真正实用、高效的App设计,才会受到用户欢迎。 2. 制作原型,及时讨论、测试和迭代设计App设计并不是想当然,过过脑子就行,也需要及时将各种想法绘制成切实可看、可查以及可用的原型,及时讨论、测试以及迭代优化才行。 当然,对类似原型工具感兴趣的设计师,可以试试摹客原型设计工具,无论开始设计前,绘制流程图,还是设计讨论阶段,制作交互式原型,以及之后讨论、测试以及优化迭代,都能轻松快速实现。 3.及时协作和交付设计好过程中,也需要和团队内产品经理和开发人员及时沟通,了解各项设计的还原度和可行性,确保所有设计都是真正满足用户需求。当然,这时也必然会用到能够允许各个团队成员及时参与进来,沟通、测试、分享以及交付的工具,例如以上介绍的在线摹客设计平台,就能轻松满足这方面的设计需求。 3.不断测试和改进即使产品已经发布,为并不意味着就可就此放手。事实上,只是产品设计的开始。发布之后,也需要设计师及时关注用户的使用情况,分析可能存在的问题,并及时改进,不断优化各方面的设计。第一步:用户分析通过对市场分析、竞品分析、用户分析等过程,确定APP整体的开发方案,明确用户使用这款APP的需求什么?如何满足用户这方面的需求?需要怎么设计功能模块等问题。可以先从大的功能模块入口,然后细分小的功能,再梳理业务流程、用户体验流程等等,对功能模块的重要性、时序进行排序。第二步:制作草图按照前期规划的APP功能模块、时序图、用户体验流程等,通过线框的形式,制作出的APP的草稿图。自己可以用纸画,也可以使用办公软件。第三步:制作原型图利用专业的原型设计软件,对草图进行细节完善,设计出整体的APP原型图。第四步:风格设计每个人都有着不同的个性,APP设计也是如此,我们需要为APP打造出独具特色的风格。这可以寻找同行的APP作为参考,然后设计出几套不同风格的样品提供选择。第五步:页面设计根据确定好的风格、原型图,对APP的页面进行效果图的设计。包括logo、启动页、内页、页面元素、填充页、动态的产品页、活动页等等,完成APP界面设计。同时也要给出切图标准,方便后续的编程开发。
如何做好一个APP界面设计
第一点:了解你的目标客户群的心态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设计的趋势!25学堂认为卡片设计确实同时兼具了“拟物”和“极简”2种优势!第四点:APP界面设计流程(1).设计APP界面时,学会从优秀APP界面设计作品中寻求灵感,以前的艺术大师,用少量的资源做了大量的设计。(2).放下工作,休息一下很有帮助。扁平和简约设计的一切均关乎到细节的差异。因此小憩片刻后再回到工作,带着全新的眼光工作,比长时间冥思苦想更有(3).并排比较各个版式同样有帮助。哪怕花20分钟前将一个线条下移各5个像素分别保存,对比两个版式就能很快分清孰好孰坏。(4).由于实物展示的相对比例至关重要,所以要及早在不同的目标设备上测试。(5).整个设计过程中不断问自己“真的需要吗?”。支撑项目时候,找一些讨巧的办法,例如,添加一些有趣的元素、样式会这样会很容易也会很吸引人,但必须始终注意剔除不必要的元素,不断精简。甩掉你费尽心血的部分总是难以割舍,但修改过程必须挑剔。第五点:APP界面设计测试与预览修正我。知。道加。我。私。聊1.市场和用户调研其中用户调研尤为重要。只有全面调查、研究和了解用户之后,才能真正了解用户需求。以用户需求为基础和导向的设计,才是真正实用、高效的App设计,才会受到用户欢迎。2.制作原型,及时讨论、测试和迭代设计App设计并不是想当然,过过脑子就行,也需要及时将各种想法绘制成切实可看、可查以及可用的原型,及时讨论、测试以及迭代优化才行。当然,对类似原型工具感兴趣的设计师,可以试试摹客原型设计工具,无论开始设计前,绘制流程图,还是设计讨论阶段,制作交互式原型,以及之后讨论、测试以及优化迭代,都能轻松快速实现。3.及时协作和交付设计好过程中,也需要和团队内产品经理和开发人员及时沟通,了解各项设计的还原度和可行性,确保所有设计都是真正满足用户需求。当然,这时也必然会用到能够允许各个团队成员及时参与进来,沟通、测试、分享以及交付的工具,例如以上介绍的在线摹客设计平台,就能轻松满足这方面的设计需求。3.不断测试和改进即使产品已经发布,为并不意味着就可就此放手。事实上,只是产品设计的开始。发布之后,也需要设计师及时关注用户的使用情况,分析可能存在的问题,并及时改进,不断优化各方面的设计。第一步:用户分析通过对市场分析、竞品分析、用户分析等过程,确定APP整体的开发方案,明确用户使用这款APP的需求什么?如何满足用户这方面的需求?需要怎么设计功能模块等问题。可以先从大的功能模块入口,然后细分小的功能,再梳理业务流程、用户体验流程等等,对功能模块的重要性、时序进行排序。第二步:制作草图按照前期规划的APP功能模块、时序图、用户体验流程等,通过线框的形式,制作出的APP的草稿图。自己可以用纸画,也可以使用办公软件。第三步:制作原型图利用专业的原型设计软件,对草图进行细节完善,设计出整体的APP原型图。第四步:风格设计每个人都有着不同的个性,APP设计也是如此,我们需要为APP打造出独具特色的风格。这可以寻找同行的APP作为参考,然后设计出几套不同风格的样品提供选择。第五步:页面设计根据确定好的风格、原型图,对APP的页面进行效果图的设计。包括logo、启动页、内页、页面元素、填充页、动态的产品页、活动页等等,完成APP界面设计。同时也要给出切图标准,方便后续的编程开发。
UI设计中图标设计的方法有哪些?
一、轮廓清晰带有渐变的图标渐变色也是这两年最热的趋势,它同样出现在图标设计当中。相对微妙的渐变在图标设计当中,增加了视觉的维度和层次,这使得图标拥有了更加立体化的细节,这种设计使得图标本身的高级感更加明显,也恰如其分地增加了整个设计的信息量和丰富度。二、色彩明快视觉有趣的图标并非所有的图标都必须是单色的,但是太多的色彩挤在一个小图标上的时候,会让整个设计显得混乱不堪。通过非常有限的几种色彩来设计图标,就能够让图标显得足够有趣了,同时,如果这几种色彩也足够明快,互相补充,就更吸引用户了。这一趋势在2018年也显得非常突出。三、形同APP ICON的图标类似APP ICON一样的图标一直都存在,但是没有像今年这么流行过。使用圆角边框外轮廓,带有彩色背景,中间是几何特征明显的图形和元素,但是并非用作APP的入口,而是运用在网页、APP内等其他的地方。它的流行可能是因为这种样式可以暗示用户,图标背后功能的价值。四、笔触粗重线条统一的图标这种[粗线条]的单色图标在今年尤其受追捧,线条清晰统一,笔触粗壮,比起常规的线性图标更加厚重,而且拥有一种莫名的萌感。虽然同样只是单色的设计,但是几何感更强,视觉重量更明显,让用户的双眼无法错过。五、仍然扁平但更加多变的图标扁平化设计仍然没有过时,始终还在流行。扁平化的图标在视觉上相对而言更加简约,可以被设计地更加多变,也可以同各种不同的设计风格兼容,和不同的元素搭配起来使用,因此也同样收到设计师和用户的青睐。六、表情符号化的图标表情符号,Emoji几乎已经成为一种独立的语言,而图标设计也同样受到了表情符号的影响,各种可供识别的视觉元素,尤其是各种角色头像,都被制作成为图标,在不同的场合使用。表情符号化的图标还有哪些更有趣的用法,还有待探究。七、永远经典的线性图标线性图标几乎可以用在任何场合,APP,网页,海报,说它们是不老的经典一点都不为过。线性图标有着良好的可塑性,无论是大是小都可以清晰地传达信息,表明概念。在2018年,线性图标依然是主流,依然是需求大户,相关的素材也一直都稳定地产出着。八、结构简单含义明确的图标对于简约设计的追求,一直贯穿着整个2018年。这一点也同样体现在图标设计上,更加图形化,更加简约的形体,但是保持清晰感知度的图标设计在今年大量的涌现。就像上面的这组图标,美食的轮廓通过简单的形体来塑造,细节则使用相同的小圆点和线条来补充,非常巧妙。
UI设计中图标设计的方法有哪些(UI图标设计题库)
一、轮廓清晰带有渐变的图标渐变色也是这两年最热的趋势,它同样出现在图标设计当中。相对微妙的渐变在图标设计当中,增加了视觉的维度和层次,这使得图标拥有了更加立体化的细节,这种设计使得图标本身的高级感更加明显,也恰如其分地增加了整个设计的信息量和丰富度。二、色彩明快视觉有趣的图标并非所有的图标都必须是单色的,但是太多的色彩挤在一个小图标上的时候,会让整个设计显得混乱不堪。通过非常有限的几种色彩来设计图标,就能够让图标显得足够有趣了,同时,如果这几种色彩也足够明快,互相补充,就更吸引用户了。这一趋势在2018年也显得非常突出。三、形同APPICON的图标类似APPICON一样的图标一直都存在,但是没有像今年这么流行过。使用圆角边框外轮廓,带有彩色背景,中间是几何特征明显的图形和元素,但是并非用作APP的入口,而是运用在网页、APP内等其他的地方。它的流行可能是因为这种样式可以暗示用户,图标背后功能的价值。四、笔触粗重线条统一的图标这种[粗线条]的单色图标在今年尤其受追捧,线条清晰统一,笔触粗壮,比起常规的线性图标更加厚重,而且拥有一种莫名的萌感。虽然同样只是单色的设计,但是几何感更强,视觉重量更明显,让用户的双眼无法错过。五、仍然扁平但更加多变的图标扁平化设计仍然没有过时,始终还在流行。扁平化的图标在视觉上相对而言更加简约,可以被设计地更加多变,也可以同各种不同的设计风格兼容,和不同的元素搭配起来使用,因此也同样收到设计师和用户的青睐。六、表情符号化的图标表情符号,Emoji几乎已经成为一种独立的语言,而图标设计也同样受到了表情符号的影响,各种可供识别的视觉元素,尤其是各种角色头像,都被制作成为图标,在不同的场合使用。表情符号化的图标还有哪些更有趣的用法,还有待探究。七、永远经典的线性图标线性图标几乎可以用在任何场合,APP,网页,海报,说它们是不老的经典一点都不为过。线性图标有着良好的可塑性,无论是大是小都可以清晰地传达信息,表明概念。在2018年,线性图标依然是主流,依然是需求大户,相关的素材也一直都稳定地产出着。八、结构简单含义明确的图标对于简约设计的追求,一直贯穿着整个2018年。这一点也同样体现在图标设计上,更加图形化,更加简约的形体,但是保持清晰感知度的图标设计在今年大量的涌现。就像上面的这组图标,美食的轮廓通过简单的形体来塑造,细节则使用相同的小圆点和线条来补充,非常巧妙。
ps界面设计怎么做
新建完图层后我们使用工具栏中的椭圆工具绘制一个椭圆形。双击形状图层将形状的颜色改为黑,
透明图设置为5%。
3
/18
选择形状图层,Ctrl+J复制出同样的一个形状。
4
/18
选择复制出来的图层,【Ctrl+T】将旋转的角度调整为45°。使用同样的方式Ctrl+J进行复制图层,
再Ctrl+T进行旋转,重复3次同样的操作后绘制以下的形状效果。
5
/18
将绘制好的图层全部选中【Ctrl+G】对图层进行编组,方便后面的制作。
6
/18
第2步
添加颜色,加强细节
在图层面板中底部找到【新建图层】按钮点击,新建一个空白图层。
7
/18
使用工具栏中的【画笔工具】绘制颜色。在绘制的前可以调整画笔的大小和颜色,双击工具栏中的颜色进行设定前景色和背景色。通过使用【画笔工具】将颜色绘制成从蓝色到桃红色的渐变效果。
8
/18
渐变颜色图层绘制好后,在图层与编组之间按住【Alt】键进行图层与编制之间的嵌套,让渐变的颜色嵌套到下面的编组上。从而完成以下的效果。
9
/18
选择图层编组,Ctrl+J复制新的编组。选择复制的编组Ctrl+T进行变换,缩放的时候后按住shift+Alt键拖动边缘的方块对图形进行进等比缩放。将图形比例调整到合适的大小,让形状显得更有层次和空间。
10
/18
为了让颜色嵌套到所有的图层上,选中形状的两个编组【Ctrl+G】把图层下面的两个编组合成为一个编组。然后在颜色层与编制之间按住【Alt】将图层嵌套到合成的编组上,这时候背景的主要形状就绘制好了。
11
/18
背景效果制作完后,使用工具栏中的【文字工具】制作字体,文字颜色设置为白色,大小设定280px。
12
/18
Alt键拖动复制字体图层,改成副标题的文案。在【窗口】中找到【字符】面板调整文字的字间距到合适的间距,将字体大小为42px,文字字间距为60。
13
/18
文字制作好后,再次丰富一下背景的效果。选择路径【椭圆工具】,在绘制的时候按住【Shift】绘制一个正圆。
14
/18
双击绘制好的路径图层打开【图层样式】面板选择【渐变叠加】。
15
/18
在【渐变叠加】面板中双击‘“渐变条”调出渐变编辑器调整蓝色到紫色的渐变效果。
16
/18
做好一个圆形的渐变效果后,选择图层【Ctrl+J】复制一个新的图层。然后【Ctrl+T】对新的图层进行缩放。
17
/18
将圆形调整到合适的大小后,再双击图层调整渐变为方向为反响,从而加强两个圆形之间的层次效果。
18
/18
但炫酷的效果完成后,我们可以对整体的页面进行功能布局。绘制好功能的按钮及子功能的ICON图标等,从而让页面变得更加的丰富和细腻。
ui模板设计-怎样用ps做ui设计(ps做ui界面设计教程)
如何做界面UI设计的展示图UI设计中制作界面图标的流程:1、图标创意阶段;2、草图绘制阶段;3、草图渲染阶段。补充:1、在PS中新建一个所需尺寸的画布并保存,将其命名为UI设计效果图模板。2、再新建一个画布,命名为界面UI设计效果图展现。尺寸随意。3、将刚才保存的界面UI设计效果图模板.psd拖到画布中。Ctrl加T变换到合适的尺寸,倾斜到合适的透视效果。4、然后双击界面UI设计效果图模板这个图层即可。补充:UI即用户界面的简称。泛指用户的操作界面,包含移动APP,网页,智能穿戴设备等。UI设计主要指界面的样式,美观程度。而使用上,对软件的人机交互、操作逻辑、界面美观的整体设计则是同样重要的另一个门道。好的UI不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。怎样用ps做ui设计(ps做ui界面设计教程)步骤:1、新建一个画布尺寸为:640*1136,然后保存,命名如:5S效果图模板2、再新建一个画布,命名如:效果图展现2、再新建一个画布,命名如:效果图展现尺寸随意,可以大点,自己看情况吧。3、将刚才保存的那个5S效果图模板.PSd拖到这个画布中。CtrlT变换到合适的尺寸,倾斜到合适的透视效果。4、然后双击”5S效果图模板”这个图层。这就是智能对象的好处。跳到这个画面后拖入你想要做的界面:然后保存:Command(Ctrl)S,关闭:Command(Ctrl)W5、回到这个展示页面注:这儿忽略了一步,把刚才保存的图层拖过来。同学们应该都懂吧_-复制一个图层:按住Option(Alt)鼠标左键拖动图层往下拽,或者Command(Ctrl)J,选下面的一个图层,双击图层进入图层样式,选择斜面和浮雕,设置一下参数:参数自行调整,其中,阴影角度45°可随大环境光线可根据情况自行调整,阴影模式透明度随意,自己看情况调整。6、然后,从第二个图层开始连续复制多个该图层,每复制的一个图层都在上一个图层的下方,每复制一个图层都往下移一个像素,按住option(Alt)鼠标左键拖动图层往下拽,可使用键盘上的下方向键来控制。然后,在最后一个图层上设置一个投影然后,在最后一个图层上设置一个投影,参数自行解决。最后调整下整体环境。如何做好UI设计一个好的交互设计对产品的成功起着很关键的作用。UI所做的就是用户最先接触到的东西,也是一般性的用户唯一接触到的东西。用户对于界面视觉效果和软件操作方式的易用性的关心,要远远大于他对底层到底用什么样的代码去实现的关心。如果说程序是一个人的肌肉和骨骼,那么UI设计就是人的外貌和品格!都是一个成功软件产品必不可少的重要组成部分!对我而言程序懂得不多所以只是从UI设计与软件产品整体的关系和如何才能使软件产品得到最佳的UI设计角度来谈。现在我们的软件产品存在的一些问题有技术方面的问题,但是更多的问题来源于各个部门、各个项目小组的之间的配合。我们现有的开发流程一般都是由市场部门提出客户需求,产品设计人员提出产品设计报告,开发部门设计开发计划,由各个小组分别开发一个模块,最后整合成为一个完整的软件产品。在这些流程之间UI设计应该参与那一个部分,每一个部分应该做到什么地步才可以使产品得到最好的UI设计效果呢?下面我们会在每一个部分具体分析。首先分析一下现在的问题所在,在一些软件业比较发达的国家软件产品的UI设计过程贯穿了软件开发的自始至终,而且是必不可少的。而在中国产品UI设计并没有被广泛接受,就算是已经有了UI设计师的一些企业也没有对产品的UI有着足够的重视,一般来讲他们大都会把重点放在如何使用代码实现所需要的功能,在我看来这只是一个成功软件产品的一个部分。一个优秀软件产品的开发过程应该是由四个部分组成:1.软件产品的设计(业务建模)2.系统的设计(技术建模)3.分单元的开发(把软件各个部分拆分分单元编写代码)4.测试(分为单元测试、系统集成测试和产品功能测试),这些是由软件研发部门做的工作。除去以上软件开发过程的四个部分还有用户需求和用户验收测试,这两个过程是由市场部门和产品用户一起完成。所以说用代码实现产品功能(coding过程)只是软件开发的一个步骤。现在我们回到UI设计的角度来看,作为UI设计人员我们需要全程参与到软件开发过程中,而不只是在某一个步骤参与,现在在大多数软件企业里UI设计师只是在产品的coding过程的时候才实质性的参与到软件开发过程里,而在其它几个步骤里只是参加甚至根本没有参加(在这里我要强调“参与”和“参加”是两个词的不同概念,“参与”指的是完全加入到开发行列开始进入设计阶段,而“参加”指的只是旁听会议或者提出一些简单的意见并没有开始进入设计阶段),这样就会大大降低软件产品的开发效率使开发成本成倍上升甚至导致整个产品的不成功!这并不是危言耸听,下面我们分析一下在一个软件产品的开发过程中UI设计应该怎么做、做到什么地步才能避免上边提到的那些问题?下面我会根据软件开发的过程解释上边的问题,刚才我提过软件开发过程的几个步骤,1.产品建模2.技术建模3.分模块开发4.测试,那么我们也分为这四个部分进行讨论:一.产品建模时期:我们首先来了解一下“输入”和“输出”,在UI设计里是很重要的两个概念,经常会有人过来对我说“我们有一个软件产品需要美化一下”然后再也没有什么深入的解释了,仅仅这句话我的工作就要开始了,然而这个软件是给谁用的?是干什么的?我们却一无所知!成功的UI设计首先要有完整的“输入”,怎么才能叫做完整的“输入”呢?也就需要UI设计师从整个软件产品的策划阶段就开始介入,在产品用户(也就是客户)向市场部门或者产品部门提出产品需求的时候就要开始参与到产品策划开发过程中来,这一部分对于UI设计师而言就是第一个输入阶段,并且在这个阶段里UI设计师也需要提出一些对产品交互设计的意见,以便产品部门在做产品设计的时候更多的考虑到产品的交互性和功能的简单表现原则,有很多软件在设计阶段就被加入了许多并不是用的附加功能,其实一个好的软件设计就是要用最简单的结构实现用户的想法,一些可有可无的功能看上去很花哨往往会影响用户的判断能力,这些就是产品优化的一些概念了在此我需要简单的提一下如果想要深入研究可以看一些有关于产品优化的书籍甚至是心理学的书籍,有很多人认为软件的优化就是代码的优化(用最少的代码实现产品功能),在我看来这只是程序的优化是针对程序员而言的而不是整个软件产品的优化,产品优化包含了交互设计在现在的多数软件企业没有专门做这一部分的交互设计师所以往往这一部分被忽略,我认为这一部分应该又UI设计师承担起来,从文章的开头我就说过UI设计不只是图形界面的设计,就算是有企业里边有这样的优化人员或者交互设计师他们也要和UI设计师一起配合完成产品交互设计,作为UI设计师产品的交互性和易用性是在做设计的时候必须考虑的!言归正传,产品设计人员经常不会过多考虑简单易用原理也就是产品出来用什么样的组合形式体现给用户,这也是UI设计师考虑最多的事情,所以UI设计师一定要在产品建模期间参与设计,给产品设计师一些意见。作为一名优秀的UI设计师我们还要在了解了产品的需求之后更深入了解这个产品的使用环境和用户群体的使用习惯。我们还需要了解市场上的同类软件产品的设计方案,研究他们的优缺点,以便在我们设计的时候吸取它们的长处避免它们的错误。在产品建模之后一般的都会由产品设计人员给客户做一次功能设计讲解,往往这样的讲解只是文字性质的需要让客户想象着理解,这就会造成很大的隐患有的客户根本无法理解你的讲解甚至对这样的讲解根本不认真听,因为他们根本不懂,在讨论过程中他们经常会同意产品设计人员的一切设计想法但是产品测试的时候他们又会提出种种不满意,我想这是一般的软件公司都会遇到的也是最最头疼的事情,但这并不能怪客户我说过客户只会关心视觉效果和软件的操作而并不会去关心我们是怎么实现这一切的。这种情况带来的直接后果就是产品的反复修改开发成本成倍上升,怎么避免呢?这就要靠UI设计师了,俗话说“眼见为实,耳听为虚”,所以需要UI设计师做出一个产品整体效果的demo。这个demo用图片的形式表现就可以,我们只需要将要体现的产品界面做一个拼凑就可以了,因为这并不是产品的最后样子,只是协助产品设计人员给客户讲解产品设计。产品建模时期UI设计师要了解客户的要求想法和产品设计人员对产品功能的要求深入了解产品,采集用户的使用需求、使用环境和使用习惯,了解市场同类产品的设计分析它们的优缺点。协助产品设计人员完成产品建模过程并制作产品展示demo模拟用户对主要功能的操作过程和界面呈现,生成交互原型(基本上产品的交互性和易用性问题都需要在产品建模的时期解决)。如果时间允许我们甚至可以提出一份“UI设计分析报告”,这份报告可以附在产品设计说明后,更有效的帮助客户了解我们的产品设计并且帮助开发人员更好的遵循UI的整体要求来完成开发工作。这个时期的关键是“交互设计”。二.技术建模时期:在这个时期作为UI设计师我们已经了解了软件产品的功能需求并且拿到了一份产品设计人员的产品设计说明,可以进入界面样式的设计过程了。这个时候我们应该考虑更多的应该是产品的整体风格和界面的设计,通常我们也会做出几份方案给客户选择。有些客户会要求产品遵循一个整体的VI设计标准,那么我们就需要按照一个整体的已定的风格去设计软件的界面,要与客户公司的企业形象吻合。在这个时期软件的UI设计进入到了美术设计阶段,我们需要制定整个软件的风格,塑造软件的整体形象,并且具体的描述每一个界面中的元素和布局、文字字体等信息。在这个阶段我也不应过多的说什么,主要是每个UI设计师各自发挥你们的艺术专长用最简洁、最漂亮的界面表现软件产品。需要注意的就是在我们设计整体风格的时候一定要深入了解这个产品的理念,看看它是干什么用的。不同的产品要有不同的风格,这里边有很多的细节注意,不同的产品、同类的产品不同的内容、不同的传播介质,这些都会决定UI设计的风格。1.不同的产品:比如一个游戏产品就需要将界面做的花哨一些或者用大的图片充斥;如果要是一个应用软件就需要突出使用方便和强大的功能设计要简洁。2.同类不同的内容:比如一个可爱的游戏产品(像是卡通类游戏)就需要将界面做的活泼生动可爱一点;如果是一个角色扮演的战斗类游戏(像是枪战闯关类游戏)就要做的酷一点深沉一些。3.不同的传播介质:我们要做的软件产品有的需要在网络上传播那么就需要我们考虑到网络速度的问题;有的就是利用光盘当作介质那么这样的软件就可以做一些比较花哨的效果。所以说不同的产品还需要单独考虑,这也需要UI设计师多多了解产品,保持与客户交流。还需要重点注意的就是我们在做图形化设计的过程中千万要贯彻在前一个阶段做好的交互设计,始终注意产品的交互性和易用性。在设计过程中我们一定要做出每种结构每一个步骤的效果图,不能只提供图标、按钮、背景图等图片,这样的话程序员根本不知道往那放这些东西,在这个时期我们就要最终确定软件界面的呈现形式。技术建模一般是由高级程序员完成的,他们会将整个软件开发分为一个一个功能模块,分配给一个一个的开发小组。但是这些负责技术建模的高级程序员考虑更多的往往是如何将整个设计用代码实现、怎么才能更有效的复用以前已有的模块等等,而不是软件是什么模样会有什么样的风格,所以作为UI设计师我们必须主动出击,多多和他们交流以保证我们的想法能够完整的实现,如果有技术实现的问题我们还要及时做出修改。有时候我们还需要根据客户或者产品的特定需求做一些延伸性的设计(也叫UI产品设计的外延),包括:软件的安装导航界面、产品的演示宣传动画、一些附带的桌面壁纸或者屏幕保护、代表软件的卡通小精灵、有时还会被要求设计软件的logo和广告banner等等。技术建模时期的关键是“风格和界面设计”。三.分模块开发时期:这个时期软件开发过程进入实现阶段,也是需要人力最多的时期,这样就会分散UI设计师的精力。软件会被切分为若干个小的模块进行代码编写,最后整合成一个完整的软件产品。对于一个程序员来讲他们大多根本不会考虑到产品应该是什么样子应该有什么整体风格,他们所考虑的只是如何用代码实现设计的要求,而且在现在的软件企业多都实现了模块的复用,这样会大大节约人力成本,那么程序员只是对原有模板进行修改使之适应新的软件产品,这样就会对UI设计的最终贯彻和实现带来很大的麻烦。做出的每一个模块虽然已经能够使用但是都是“各自为政”没有统一,因此我们也需要主动的协助和监督程序员完整的实现UI设计的要求,如果有技术无法实现的问题需要及时沟通改正设计方案。有的时候有些模块需要有单独的风格,比如一些已有的软件产品需要集合到某一个新的产品中去,这样就会加大了设计师的设计难度,我们必须要在保证产品整体风格不变的情况下将原有产品的设计风格集合进去,使之更加适合新的产品表现形式。如果我们仍旧保持原有产品的风格那么当各个模块集合起来之后往往会使新的产品感觉很松散,进入每一个功能都会觉得是另外一个软件,使人对软件的印象不深刻。在这个阶段我们还是要主动一些,跟进各个模块界面的实现。现在很多软件企业都存在很多UI设计师和程序员的协作问题,不是程序员做不到UI设计的要求,就是UI设计师坚持一些自己的想法不能改动,还有的时候经常会有人过来没头没尾的说帮我做点东西吧!当软件集成到一起再一看,就是很多不同风格的东西堆砌到一起,从头到尾都不舒服,领导或者客户看了以后极度不满狂批一阵,最后得出结果UI设计做的不到位。有人说UI设计师就要背着软件不成功的黑锅,因为人们根本看不见代码怎么写的,功能是怎么实现的,他们只知道对软件的样子和使用进行评论。让一个用户评论一个软件他们只会说这个软件好用看上去也不错挺漂亮的,但是做为一个普通用户决不会有人说这个软件程序写的不错。这么一看我们会联想到现在软件开发之中主要的冲突在UI设计师和程序员之间,其实这只是表面的表现形式。实质上这个现象体现了现在软件企业的一个通病就是这个开发组之间的协作关系混乱,程序员和UI设计师之间是平级协作关系,程序员是不会对产品负责的,这样看来UI设计师只应该听项目经理的,无论对设计做什么样的改动或者增添什么样的东西,都应该由开发项目经理和产品经理协商之后决定,只有他们可以对最终的产品负责。这样也可以避免很多程序员和UI设计师之间的争执和矛盾。但是现在大多说软件企业的产品经理和开发项目经理没有做到这一点,他们也根本不了解UI设计师和程序员的工作,也无法把握他们的工作量,这样无序的管理会造成很麻烦的后果。其实可以建立一些合理的流程管理制度,就算企业没有作为UI设计师也可以自己起草一份适合自己和企业的“UI设计需求申请单”,里边应该列出我们需要的“输入”内容、工作时间、最终的“输出”结果等等栏目(可以自己根据要求灵活决定)。这样形成一个有参与人、有依据、有存底的工作流程,出现问题或者争执的时候我们有据可依,这只是一个习惯性的东西因不同的企业而议不一定都要建立需求单。在分模块开发时期UI设计师应该做的是,在模块开发的前期做出产品每个模块的效果demo(可以用图片的形式表现)要求程序员按照demo的样式进行模块开发,协助和监督程序员严格按照UI设计要求生成最终产品,把握各个模块的统一,经常了解程序员的工作进展及时对不合理或者难以实现的设计进行讨论设计出新的方案。分模块开发时期的关键是“协助和监督程序员生成最终产品”。四.测试时期的输入和输出:软件产品的测试会分为三个测试阶段,第一个是分模块开发完成之后每一个模块进行的单元测试;第二个是将各个单元集成为一个整体的产品进行集成测试;第三个就是整个产品在交付使用前进行的整体测试。在测试过程中UI设计师的任务相对会轻松一些,我们只需要跟着测试人员走几遍流程,如果在其中发现没有按照UI设计要求的部分及时要求改正就好了。我们还会经常遇到客户在测试过程中突然觉得那里不合适需要修改,这也是最最头疼的事情了,有的时候他们说的并不一定对,只要我们设计的每一个步骤都有一定的道理能够说服他们就一切ok了。如果他们执意要修改设计方案,那么我们没办法只能按照客户需求修改。但是如果前边按照本文的流程走下来我想这样的可能性不大就算是修改也不会是大动干戈。在修改过程中我们还是需要先做出效果图,让客户确定再具体实施,这样也会避免很多麻烦的。测试时期的关键是“检查整个产品发现问题及时改正”。如今软件的越来越多的考虑到人的因素,“以人为本”的设计理念贯穿了整个软件产品开发的始终,因此软件产品的UI设计过程最重要的两个部分就是行为和构造,也就是交互设计和界面设计。上面我们按照软件开发的四个阶段,逐个的分析了每个时期UI设计的任务。由此我们可以看出UI设计并不完全是一个美术设计的过程,还有很重要的一个部分就是交互性和易用性的设计。多学多看没有时间加经验的积累是学不好的