热点文章
- 建筑工程技术-钢筋与混凝土技术09-12
- 建筑工程技术-地基基础和地下空间工程技术09-12
- 护理专业建设方案04-21
- 建筑工程技术-钢结构技术09-25
邹万芳-2017年暑期赴天津软件园北京培训基地培训总结
暑期培训总结
电子信息工程系 邹万芳
本人在7月24号至7月28号参加了天津天软北京培训基地的学习,在学习期间,我在专业知识上学到了很多东西,主要培训的内容有网页设计和UI设计。首先接触了一个篮球装备网页,这是一个电商类网站设计作品,主要以出售篮球装备为目的,满足消费者视觉需要,促进产品出售。主要学习了网页排版,配色,选择素材并通过软件制作界面。其次是分析、模拟了一款在APPSTORE上发布的“口算我第一”的APP应用,这是一款为小学生提供课后提高数学口算能力的学习软件,将口算的练习过程融入多个小游戏当中,让小学生在玩的同时提高学习成绩,增强学习数学兴趣。主要学习了界面排版和界面设计,为界面挑选合适的高清图片素材,尽量统一页面风格,参考其他APP界面,寻找界面设计灵感,根据设计理念画出低保真原型图,然后在PS中实现,做出高保真原型图。
UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。
第一点:移动APP客户端的UI设计原则1)手机本身的物理特性受限引起的操作交互指南:a、移动APP客户端的文字输入,必须要降到最低:由于手机在输入上的低效性,在设计的过程中,应尽量减少用户的输入,如果有可能可以设置默认值,或者让用户选择目标值。b、移动APP客户端的信息结构好,屏与屏之间的逻辑关系清晰:由于手机屏幕都普遍较小,即使有4吋屏,那也只能展示较少的信息量,因此,在手机设计上,更需要有清晰的信息架构,用户知道当前在哪儿,并能返回到哪儿。c、移动APP客户端的操作、功能不要隐藏太深,重要功能都需要在界面中有适当的提示:由于手机屏幕较小,不能展示所有的信息。因此,对重要的、使用频率高的功能或信息放在最重要的位置,并在首页上展示或指示。2) 手机的移动特性引起的指南:a、移动APP客户端的最主要的功能操作,用单手可以完成:手机的使用情景多样性,在很多情景下,用户都只能单手来操作手机,因此,在客户端的设计过程中,需要考虑最重要的核心功能,能否单手操作完成。常见手势翻页交互效果和优点等。b、移动APP客户端的界面必须简洁、操作简单,操作步骤少:由于用户操作情景复杂,在使用客户端的过程可能有额外的认知负荷,因此,在设计客户端的过程中,逻辑必须简单,操作步骤也要减少。c、移动APP客户端的界面层次不要太深,最好不要超过3级。d、移动APP客户端的提示包括界面、声音、振动多种形式:用户在操作手机时,往往不会一直盯着手机屏幕看,因此,很多手机状态页面的切换,脱离了用户的视线,这时,必须要提供视觉之外的其他感觉通道的信息(如听觉、触觉等),来对用户做提示。快速体验移动触摸响应操作等。3)其他移动UI设计原则a、客户端UI的适配不必恪守所有的平台都保持一致,只要一些品牌的关键元素能体现可。b、客户端的主要操作方式(框架、导航、按键功能及软键对应方式等)应与所承载的手机操作系统保持一致:客户端都承载在某款具体的手机平台中,而用户会对当前的手机平台很熟悉。因此,在设计的过程中,需要更好地理解当前的手机平台,并使客户端的设计与手机系统的设计逻辑保持一致。
第二点:手机APP客户端UI界面设计适配的步骤:移动APP客户端的适配要以一个平台为起始,但是要着眼于多个平台。1)根据公司的战略,选择一个最先切入的平台;2)了解该平台的UI 设计规范,可用的UI 控件及交互原则;
3) 确定切入的屏幕大小,以此来设计第一个客户端,但是要考虑适配其他屏幕的可能性,是自适应来扩展或者缩小;4)根据平台及屏幕大小,来选择一款最典型的手机,开始客户端的交互设计。5)确定客户端的核心目的。如为娱乐为主的,应在设计方式更娱乐性;功能性完成目的为主的,以更易用性为主;6)根据客户端的功能和内容,来设计客户端的信息架构;7) 根据UCD的原则,来完成客户端的交互原型;
通过这次的培训学习,让我认识到做好网页,并不是一件容易的事,它包括网页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。
一、准备资料和挑选符合目的主题的合适素材
做网页当然要收集、准备资料。在网上多转转,看到什么漂亮的网页,把它保存起来, 作为以后自己设计主页时的参考。另外,还包括搜集美化主页可能要用到的各种材料,如背景、小动画图标等等。可以在硬盘上建一个文件夹,下分“图片、声音、动画”等文件夹, 养成上网时看到有创意、新鲜的图像,就按鼠标右键存入你硬盘相应文件夹的习惯,时间一长就拥有了一个可观的图库,等做网页时随手拈来或加以修改就成你自己的东西了。
二、规划好整个网站
主页的设计应以醒目优先,应该令人一目了然,切勿堆砌太多不必要的细节,或使画面 过于复杂。切记,页面给人的第一观感最为重要!在网上到处浏览网站的人很多,如果你的主页给人的第一印像没有吸引力,很难令他们深入观赏,而且他们恐怕再也不会访问你的网站了。
三、善用图片,增强艺术效果
我记得老师说过网页的迷人之处之一, 要算它上面能点缀许多漂亮的图片。 精美的图片设计,可以使自己的网页增辉不少,令人过目不忘。图片的内容应有一定的实际作用,切忌虚饰浮夸,同时还要注意与文字的颜色搭配。最佳的图像集美观与资讯于一身。
四、善于借鉴他人主页制作中的设计技巧
由于在网上用浏览器浏览任何主页时, 都能查看到该主页制作时所编写的绝大部分网页编程源代码。因此,如果想知道并掌握一些优秀的主页采用的设计技巧,试着将其源代码 调出来仔细揣摩,并模仿着一步一步去实现。
五、熟练掌握PS操作技巧
快捷键的使用,这是 Photoshop基础中的基础,却也是提高工作效率的最佳方法。快捷键的使用,使你可以将精力更好的集中在你的作品而不是工具面板上。一旦你能够熟练的使用快捷键,你就可以使用全屏的工作方式,省却了不必要的面板位置,使视野更开阔,最大限度的利用屏幕空间; 一些简单的命令可以用键盘来完成,不必分心在工具的选择上,哪怕它只占用了极少的时间,但我们更希望在工作的过程中能够更有效率。这次培训使我更加注重技术技能的,每一步骤和每一技能点相对应,使我对 Photoshop 有了更深一层的了解。更进一步的熟悉和掌握一些技能,将书本上的知识和实际合理的结合在一起。要真正的掌握和使用一个图像处理软件,不仅仅要掌握软件的操作,还需要掌握图像和图形方面的知识,比如图像类型、图像格式和颜色模式,以及一些色彩的原理知识等。
以上就是我对UI设计和网页设计的认识和总结,虽然从理论上都知道如何去做,但是实际做起来很难。总的来说就是很难突破,很难超越自己。因此,在以后的学习中要更加完善自己,突破自己。
- 上一篇:优质校建设暑期加班工作安排[ 07-08 ]
- 下一篇:李亚梅-2017年暑期赴天津软件园北京培训基地调研总结[ 08-27 ]