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