CH07-项目PPT成品分析
CH07-项目PPT成品分析本章目标
了解APP项目设计全部流程
掌握APP设计中的全部设计工作
掌握并能完成APP设计工作
课题导入在之前的课程中我们已经学习了是整个APP设计项目的前期调研工作以及原型设计工作,包括APP项目定位、用户画像、竞品分析以及信息架构,今天我们来学习一下APP项目的整体设计工作,如图1。
(图1 APP项目成品)
项目PPT封面设计内容:
1、项目LOGO
2、项目名称
3、小组成员名单
4、项目部分页面展示,如图2。
(图2 封面设计)
项目PPT目录设计内容:
1、页面标题(中英文)
2、项目设计流程(根据项目设计步骤撰写)
3、根据设计步骤可分为
①产品分析(前期调研工作)
②功能设计(初稿与交互设计)
③视觉规范(设计相关内容)
④高保真设计(最终稿展示与分析),如图3。
(图3 项目PPT目录)
APP项目定位内容:通过使用一些简短的话语介绍项目产品,一定要涵盖住产品功能,用户在看到你的文本介绍时,能够想象到产品的内容,这就是一段合格的产品介绍,如图4。
例如XXAPP作为一款以XX功能为主的XX类型APP,致力于打造XX的平台,相对于市 ...
CH06-APP原型设计
CH06-APP原型设计本章目标
了解APP项目设计流程
掌握APP设计中的原型设计工作
掌握并能完成APP原型设计
课题导入在之前的课程中我们已经学习了是整个APP设计项目的前期调研工作,包括APP项目定位、用户画像、竞品分析以及信息架构,今天我们来学习一下APP的前期设计部分工作,如图1。
(图1 APP原型设计)
原型设计大体框架结构确定之后,就需要针对任务流程对每个具体页面进行细节处理,这一阶段的产出物也就是交互设计师的最终产出物了,包括高保真/低保真原型以及适当的动效展现等,如图2。
我们在完成了APP的前期调研工作之后,得到了许多的数据以及相关资料信息,这足以为我们后续的设计做好基础。
(图2 原型设计)
原型类型同样这一阶段仍然需要很严密的逻辑思维能力,和对整体交互的规划能力。还需要有创新意识,在一些细节的纠结之处用创新的概念来解决或许有意想不到的效果,当然前提是你得有足够的交互形式和创意想法的积累。还需要对各个操作平台的设计规范有相当深度的了解,尤其是自己负责的平台。同时还需要有一定文案表达能力,用简练且无歧义的文字表达自己所想。最好还能融入一些情感化的 ...
CH05-APP设计流程
CH05-APP设计流程本章目标
了解APP设计流程
掌握APP设计中的前期调研工作
掌握并能完成APP前期调研
课题导入在之前的课程中我们已经学习了许多的设计方法,但是我们在设计之前还需要做相关的步骤,而今天学习的是整个APP设计项目的前期调研工作,如图1。
(图1 APP项目前期调研)
项目定位理想流程下,设计师在立项之初就应该加入到产品定位的讨论中了,与产品经理及各利益部门一起确定产品的定义和用户的需求。在这一阶段不仅仅要找准用户的需求和痛点,制定出产品的整体定位和主要特色以指导后续的设计,还需要对垂直行业和相关行业市场发展有一定的调研和分析,找准商业切入点,如图2。
项目定位,使用通俗的话语讲述就是给自己的APP项目设计一个简介。
(图2 项目定位)
用户定位因此也就要求交互设计师们有对相关行业发展趋势和设计趋势的洞察力,对用户的理解能力(也就是同理心)以及对日常生活的感悟和观察能力(这是创新创意的源泉)。当然还需要培养大局观,跳出产品设计的细节,从整体上去把握产品的框架和格局。与此同时,对于垂直领域和相关行业产品的发展也要有持续的关注和积累,这些都需要长久的沉淀,如图3 ...
CH04-常见APP
CH04-常见APP本章目标
了解常见APP种类
掌握竞品分析方法
掌握书写设计说明等相关知识
课题导入在之前的课程中我们已经学习了许多的设计方法,但是我们在设计之前还需要做相关的步骤,而今天学习的竞品分析就是很重要的部分,如图1。
(图1 常见APP品类)
视频类APP软件名称:快手
软件类型:视频类
用户画像:年龄16+
标签:短视频、原创视频、记录生活、炫技等
关于应用:【有趣视频,一看就上瘾】好看的,好玩的,好笑的短视频,都在这,如图2。
(图2 快手)
软件名称:腾讯视频
软件类型:视频类
用户画像:年龄16+
标签:热播剧、电影、热播综艺、体育直播等
关于应用:【精彩内容,现在就要】《企业强人》陈豪姜大卫高端对决!港式商战风云再起,如图3。
(图3 腾讯视频)
购物类APP软件名称:得物
软件类型:购物类
用户画像:年龄16+
标签:购物、潮鞋、分享社区、鉴别真伪等
关于应用:正品好物,尽在得物得物App为你提供高精尖的前沿科技进行正品检验,如图4。
(图4 得物)
软件名称:京东
软件类型:购物类
用户画像:年龄12+
标签:购物、美妆、服饰、母婴等
关于应用: ...
CH03-面性图标设计
CH03-面性图标设计本章目标
了解面性图标的相关知识
掌握面性图标的绘制
掌握图标设计规范相关知识
掌握矢量图层操控以及布尔运算基本操作
课题导入在上节课我们学习以及掌握了线性图标的绘制技巧,这节课我们就一起来学习另一种常见图标。
基本面型图标可分为两大类,一种是以Material Design系统面型图标为主的标准正负形面型图标,另一种则是再次基础上对图标部分元素进行了透明度的改变。
标准正负形标准面型图标时通过正负形勾画出的几何形状,采用单一色彩,如图1。
(图1 基本面型图标)
布尔运算注意在绘制图形时以布尔运算为主(钢笔工具绘制较容易出现图标虚化),线条采用矩形工具绘制,而不是采用线条工具,如图2。
布尔运算是我们在设计过程中经常使用到的设计手法,无论是在Photoshop,还是figma设计。
其实布尔运算常用的就是“连集所选项”、“减去顶层所选项”、“交集所选项”、“差集所选项”、“拼合所选项”。
(图2 布尔运算)
同色图标延伸为基础面型图标加入同色值,低饱和度的浅色背景板,以此丰富图标,也能更好的平衡视觉大小,如图3。
正如图片中所展示的一系列面型图标,不难看出 ...
CH02-线性图标设计
CH02-线性图标设计本章目标
了解线性图标的相关知识
掌握线性图标的绘制
掌握图标设计规范相关知识
掌握矢量图层操控
课题导入在UI设计领域,有非常多设计内容,但有一个是UI设计师入门必须要学习的——图标设计。
最常见的图标设计就是线性图标,我们在很多APP中都能看到一些简洁的线条类型图标。
老师准备了一组设计案例参考图,都是比较常见并且简单的。
如图1
(图1 线性图标设计案例)
离线缓存首先,还是先“新建画框”,快捷键“F”,随后单击页面中空白处,即可创建一个100*100px的画框了,如图2。
其次,我们可以将画框名字更改为“缓存”,只需双击画框名称处即可更改了。
再次,在设计图标之前,我们需要先考虑图标的设计过程,在参考中可以看到,可以拆分成一根直线,一个直角,一个半开的矩形。
最后,我们在思考好了图标的设计过程之后,即可着手图标的设计了,直线、直角以及矩形都可以使用“矩形”设计,快捷键“R”,我们创建好了矩形之后,并不是能够直接使用的,这时就需要双击图形,进入到figma的”编辑模式“,在此模式下我们可以进行增加或者删除锚点等操作,而且还需要配合”填充“、”描边“等相关 ...
CH01-苹果商店页设计
CH01-苹果商店页设计本章目标
了解figma的相关知识
掌握figma的基本操作
掌握figma页面布局相关知识
了解UI相关设计软件
注册并登录figma账号
本章内容课题导入在UI设计领域,有非常多设计工具,但有一个软件——Figma。
主流的UI软件先出现的是sketch。
Figma的类似软件:sketch、XD、Figma、invision、即时设计等等。
如图1
(图1 UI设计工具)
适用领域Figma作为一款专门针对UI界面开发的设计工具。
可以完成UI界面、网页、管理系统、H5等题材内容设计,如图2。
跟市面上UI设计师工作内容相当贴合,非常符合UI设计师需求。
UI界面:移动端页面、客户端页面等等。
网页:移动端网页、客户端网页等等。
管理系统:数据可视化设计、网页后端界面设计等等。
H5设计:手机APP引导页面、各种APP活动页面等等。
除了以上的内容,还能进行其他的相关设计,比如海报、logo等等。
FIGMA绝不只是UI设计工具,相对于Photoshop这类软件,figma还能进行简易交互的设计。
(图2 figma适用领域)
主要优势Figma的主 ...
Halcon 算子API使用指南
Halcon 算子API使用指南1. HALCON 算子的特点
模块化设计:每个算子独立完成特定功能(如滤波、分割、测量、3D处理等)。
跨平台支持:支持 C++、C#、Python、.NET 等语言,可集成到多种开发环境中。
高性能优化:底层基于高效的图像处理库,适合实时工业应用。
2. 常用算子分类以下是 HALCON 中常见的算子类别及示例:
图像采集
open_framegrabber(): 连接相机或图像采集卡。
grab_image(): 抓取单帧图像。
close_framegrabber(): 关闭采集设备。
图像预处理
read_image(): 读取图像文件。
rgb1_to_gray(): 将 RGB 图像转为灰度。
gauss_filter(): 高斯滤波去噪。
emphasize(): 增强图像对比度。
区域处理(ROI)
threshold(): 阈值分割生成区域。
connection(): 分离连通区域。
select_shape(): 根据形状特征筛选区域。
特征提取
edges_sub_pix(): 亚像素级边缘检测。
find_shape ...
Halcon 机器视觉教学大纲
Halcon 机器视觉教学大纲课程目标
掌握 Halcon 的基本语法、开发环境及核心图像处理技术。
能够独立完成工业视觉项目开发(如尺寸测量、缺陷检测、定位识别等)。
理解 Halcon 与其他编程语言(C++/C#/Python)的集成方法。
熟悉工业视觉项目开发流程与优化技巧。
课程大纲第一部分:Halcon 基础入门(8-12 课时)
Halcon 概述
Halcon 在工业视觉中的应用场景
开发环境(HDevelop)的安装与配置
界面功能与调试工具(变量检查、图像窗口、程序调试)
Halcon 基础语法
数据类型:图像(Image)、区域(Region)、轮廓(XLD)
变量与运算符
控制语句(if/for/while)
函数与过程调用
图像采集与基础操作
图像读取与保存(read_image/write_image)
相机接口与实时采集(GigE Vision, USB3 Vision)
图像显示与标注(dev_display, set_color)
第二部分:图像处理核心技术(16-20 课时) ...
Halcon与其他语言集成
Halcon与其他语言集成课程基本信息
课程名称:Halcon与多语言集成开发
课时安排:5课时(225分钟)
授课对象:具备Halcon基础的中高级开发者
先修要求:熟悉C++/C#/Python中至少一门语言
教学目标
掌握Halcon与C++/C#/Python的接口配置方法
能够实现Halcon算法与业务逻辑的混合编程
理解HDevEngine动态执行机制
具备工业级视觉系统的集成开发能力
教学重点与难点
重点:
代码导出与参数传递
图像数据跨语言交互
难点:
多线程环境下的资源管理
异常处理与调试技巧
性能优化策略
教学准备
环境配置
说明
Halcon 21.05+ Runtime
安装对应语言的扩展库
Visual Studio 2022
C++/C#开发环境
Python 3.8+
配置halcon库与PyCharm
工业检测案例程序
含Halcon算法的完整项目案例
教学内容设计一、集成原理与方式对比(30分钟)1.1 集成方案对比123456gr ...