首页 > 新闻资讯 > 你所不知道的UI设计的规则
400-656-1390 全国服务热线

课程详情

  • 优惠价格: 电话咨询
  • 开班时间: 全日班
  • 培训周期: 半月
  • 课程简介: 上海非凡高级UI/UE交互设计就业培训班主要包括:GUI软件部分、GUI设计美学构成、GUI创意设计实战、WUI设计软件、WUI界面设计、WUI设计项目实训、WUI交互代码设计、MUI图标主题等
  • 上课地址: 上海市徐汇区广元西路

详细介绍




第一阶段(美学基础与软件技能)

一、预科部分

1、商务办公:windows、word、excel、ppt办公应用;办公软件在专业中的应用

2、美术设计基础:设计素描、水粉、速写的原理及实践,投影、视图、透视,灯光表现,写生

3、美术设计提高:设计素描、水粉提高课程、光和影的写实手法、审美观念的提高、色彩搭配的提高,配色原理的提高。

4、手绘图标:二维剪影图标、三维写实图标案例实训,了解创意在设计中的具体运用;理解创意思维的形态置换原理;掌握将创意思维转化为图形样式的能力

5、阶段考核:完成描素、色彩图各一张


二、GUI软件部分

1、Photoshop:Adobe公司大师级图像软件入门讲解。掌握该软件在平面广告、网页设计、UI设计以及室内设计等专业中的相关基础操作。

2、Illustrator:Adobe公司专业级矢量软件入门讲解。掌握该软件在创意广告设计、印刷出版与web网络创作、多媒体和UI图标界面设计的相关基础操作。

3、PS高级:进阶课程。以案例形式讲解广告专业调色、人像精修、海报合成、网页界面布局、UI拟物化设计等。使学员更熟练掌握软件的操作技巧

4、AI高级:进阶课程。以案例形式讲解基础的广告字设计、DM宣传单和易拉宝展架设计、图案和包装设计、UI图标和界面设计等。使学员更熟练掌握软件的操作技巧

5、阶段考核:本阶段考核嵌入到软件结课当日,国家考试模拟题目训练和部分案例实操考核


第二阶段(GUI视觉专项设计和元素设计)

一、GUI设计美学三大构成

1、平面构成与设计:点的构成形式、线的构成形式、面的构成形式,训练各种熟练的构成技巧和表现方法,培养审美观及美的修养和感觉,提高创作活动和造型能力-活跃构思。

2、色彩构成与设计:学习色彩与视觉的原理、三要素及色彩对比、色彩推移、综合对比及色调变化、表现手法、色彩视觉心理与性格的对比;提高综合审美能力。

3、立体构成与设计:立体构成的概念特征及作用、材料要素及加工工具、 视觉效果和心理感受、立体构成的设计应用、立体构成与建筑设计、立体构成与工业产品设计等方面应用

二、GUI创意设计实战

1、字体设计

2、电商DM设计

3、广告DM设计

4、LOGO图形创意设计

5、展示展架设计

6、版式设计进阶广告常见印刷工艺

7、阶段考核


第三阶段(WUI与交互设计)

一、WUI设计软件

1、Dreamweaver

2、Fireworks

二、WUI界面设计

1、网页Banner排版与设计

2、网页元素及规范

三、WUI设计项目实训

1、网站设计流程与策划

2、电商平台类网站项目实训

3、企业类网站项目实训

4、分类网站项目实训及阶段考核

四、WUI交互代码设计

1、HTML标签

2、CSS基础语法常见样式

3、CSS选择器

4、CSS盒子模型

5、浮动与定位

6、响应式布局与页面优化处理

7、页面切图项目实战


第四阶段(MUI设计项目实训)

一、MUI图标主题

1、UI/UE设计理念、UI设计规范

2、主流手机图标设计

3、个性化手机主题UI设计

二、MUI/UE/UX用户体验和交互设计

1、产品设计思维点对点引导

2、UE体验分析和IA信息架构

3、Axure原型设计与交互实战

4、UE用户体验

5、AE动效设计

三、MUI移动端APP设计规范

1、国内外专业设计流行趋势引导

2、社交类APPdesign部分设计

3、列表类APPdesign部分设计

4、图片类APPdesign部分设计

5、主流APP引导页插画设计

四、MUI项目分组实训

1、智能家居APP全套设计

2、高端餐厅APP平板点餐系统全套设计

3、Mac Sketch操作技巧

4、毕业作品设计展示阶段考核


五、毕业设计

一、岗前强化与毕业设计(毕业设计答辩项目独立设计 )

二、沟通技能和就业指导

1、管理与沟通

2、就业指导


特别说明

1、报名就业班全套课程,赠送价值150元的美术用品

2、报名就业班全套课程,赠送视频包、软件包、素材包、材料包

3、报名就业班全套课程,在学习过程中,学员有机会参加学院设计工作室派接的订单进行实战

4、零基础,达到UI/UE设计的程度,相当于具有半年左右的工作经验

5、确保学会:出勤率达90%以上,可享受1.5年内免费重新学习

6、考试认证:《UI设计师》、《创意设计师》、《网络设计师》、学院《结业证书》

7、周期:共计768课时,全日制5-6个月,业余制12个月左右。

8、学院为沪上首批UI/UE设计的正规培训基地,具有办学许可证,全程名师面授教学,PPHA教学考核体系,毕业答辩+招聘双选会等


学习笔记

你所不知道的UI设计的规则

目前流行的界面风格有三种方式:多窗体、单窗体以及资源管理器风格,无论那种风格,以下规则是应该被重视的。

UI设计中的规则一——易用性

按钮名称应该易懂,用词准确,屏弃没楞两可的字眼,要与同一界面上的其他按钮易于区分,能望文知意最好。理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。

易用性细则:

1):完成相同或相近功能的按钮用Frame框起来,常用按钮要支持快捷方式。

2):完成同一功能或任务的元素放在集中位置,减少鼠标移动的距离。

3):按功能将界面划分局域块,用Frame框括起来,并要有功能说明或标题。

4):界面要支持键盘自动浏览按钮功能,即按Tab键、回車鍵的自动切换功能。

5):界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。

6):同一界面上的控件数最好不要超过10个,多于10个时可以考虑使用分页界面显示。

7):分页界面要支持在页面间的快捷切换,常用组合快捷键Ctrl+Tab

8):默认按钮要支持Enter及选操作,即按Enter后自动执行默认按钮对应操作。

9):可写控制项检测到非法輸入后应給出說明并能自动获得焦点。

10):Tab键的顺序与控件排列顺序要一直,目前流行总体从上到下,同时行间从左到右的方式。

11):核取方块和选项框按选择几率的高底而先后排列。

12):核取方塊和選項框要有默認選項,並支援Tab選擇。

13):選項數相同時多用選項框而不用下拉清單框。

14):界面空间较小时使用下拉框而不用选项框。

15):选项数較少时使用选项框,相反使用下拉列表框。

16):专业性强的软件要使用相关的专业术语,通用性界面则提倡使用通用性词眼。

UI设计中的规则二——规范性

通常界面设计都按Windows界面的规范来设计,可以说:界面遵循规范化的程度越高,则易用性相应的就越好。小型软件一般不提供工具厢。

规范性细则:

1):常用菜单要有命令快捷方式。

2):完成相同或相近功能的菜单用横线隔开放在同一位置。

3):菜单前的图标能直观的代表要完成的操作。

4):菜单深度一般要求最多控制在三层以内。

5):工具栏要求可以根据用户的要求自己选择定制。

6):相同或相近功能的工具栏放在一起。

7):工具栏中的每一个按钮要有及时提示信息。

8):一条工具栏的长度最长不能超出屏幕宽度。

9):工具栏的图标能直观的代表要完成的操作。

10):系统常用的工具栏设置默认放置位置。

11):工具栏太多时可以考虑使用工具厢。

12):工具厢要具有可增减性,由用户自己根据需求定制。

13):工具厢的默认总宽度不要超过屏幕宽度的1/5。

14):状态条要能显示用户切实需要的信息,常用的有:

目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息等,如果某一操作需要的时间较长,还应该显示进度条和进程提示。

15):滚动条的长度要根据显示信息的长度或宽度能及时变换,以利于用户了解显示信息的位置和百分比。

16):状态条的高度以放置五好字为宜,滚动条的宽度比状态条的略窄。

17):菜单和工具条要有清楚的界限;菜单要求凸出显示,这样在移走工具条时仍有立体感。

18):菜单和状态条中通常使用5号字体。工具条一般比菜单要宽,但不要宽的太多,否则看起来很不协调。

19):右键快捷菜单采用与菜单相同的准则。


(如需转载,请注明出处)

全国招生热线 申请免费试听

学校课程

学校动态

预约试听

只要一个电话

已有415546名同学预约成功!

我们为您免费回电

立即申请
首页 | 课程 | 新闻| 知道
© 2019 hxsheji.cn 版权所有.
江苏厚学网信息技术股份有限公司.
苏ICP备14012599号-10