邹万芳-2017年暑期赴天津软件园北京培训基地培训总结

作者: 来源: 发布时间:2017年08月27日 点击数:982 字号:【

暑期培训总结

电子信息工程系   邹万芳

本人在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设计和网页设计的认识和总结,虽然从理论上都知道如何去做,但是实际做起来很难总的来说就是很难突破很难超越自己因此在以后的学习中要更加完善自己突破自己

 

Baidu
sogou