喽，你好啊，我是雷工！
本节继续学习Inoproshop软件菜单的相关功能；
以下为学习笔记。
01 在线菜单
< class="pgc-img">1.1 登录到
登录到的功能是使应用程序与目标设备建立起连接，并进入在线状态；
对应快捷键：Alt+F8;
1.2 退出
通过点击【退出】，可以使应用程序与目标设备断开连接，并进入离线状态；
1.3 下载
下载的功能需要在在线模式下才可以点击，该功能包括对当前应用程序的编译和生成目标代码两部分；除了编译检查语法外，还生成应用目标代码并装载到PLC内；
1.4 在线修改
是在线模式下，程序被修改后，点击该按钮可以更新程序；
1.5 下载源代码到连接设备上
将程序源代码下载到PLC中（下载时默认不自动下载源代码）；
1.6 热复位
除了保持型变量（PERSISTENT和RETAIN变量）外，其他当前应用的所有变量都被重新初始化；
1.7 冷复位
冷复位不但将普通变量的值设置为当前活动应用程序的初始值，而且将保持型变量（PERSISTENT和RETAIN变量）的值也设置为初始值0；
1.8 初始值复位
将使设备复位到初始状态，即设备中的任何应用、引导工程和剩余变量都将被清除；
1.9 仿真
点击启动仿真功能/取消仿真功能；
02 调试菜单
< class="pgc-img">2.1 启动
点击【启动】使设备进入运行状态，并开始执行用户程序；
快捷键：F5；
2.2 停止
在运行状态下可用，点击【停止】可使设备退出运行状态，停止执行用户程序；
快捷键：Shift+F8；
2.3 新断点
用于设置一个新断点，需要选中设置断点的行号字段；
由下图可以看出，可设置条件、定位、执行点设置几块儿内容；
< class="pgc-img">注意事项：
断点功能在有连接实际ETHERCAT从站的情况下，请勿使用（仿真可用）
2.4 编辑断点
用于更改断点的属性，包含执行断点的条件、定位以及执行点设置；
2.5 切换断点
将可设置断点处设置为断点或者删除一个端点；
快捷键：F9；
2.6 禁用断点
就是字面意思，把设置的断点禁用；
2.7 启用断点
也是字面意思，启用设置的断点；
2.8 跳过
会执行程序中当前的一条指令，执行完停止；
2.9 跳入
该命令会执行黄色箭头所在的指令位置，执行完停止；
2.10 跳出
当正在一个POU中单步调试时，用跳出会把这个POU剩下的指令一次执行完，然后返回到这个POU被调用处的下一条指令；
2.11 写入值
点击【写入值】在下一周期将变量值改为准备值中的数据；
2.12 强制值
从下一周期开始，在每个循环后再次设定为某个强制值；
2.13 释放值
将强制值释放还原；
2.14 显示模式
用于设置数值的显示方式；
03 后记
以上为Inoproshop软件菜单中在线和调试的简单介绍。
有不准确之处还望大佬留言评论指正，
更多相关话题可以在交流群内相互讨论，共同进步。
、 软件介绍
< class="pgc-img">TileIconifier是一款简单易用的win10开始菜单美化软件，该程序具备了简单直观的操作界面，打开软件后，您可以在快捷方式列表下选择要美化的快捷方式，即可直接查看LNK路径以及目标路径，并允许快速构建自定义快捷方式，您还可以自定义为快捷方式设置显示图标，同时，还可以设置背景颜色、效果等各项参数，以获得最佳的显示结果，总的来说，TileIconifier为用户带来了一套简单开始菜单美化实用工具。
< class="pgc-img">二、软件功能
● 支持给应用程序创建中型和小型图块，并在可能的情况下修改其当前快捷方式。
● 支持使用自定义VBS脚本启动器创建Steam游戏，Chrome应用程序，Windows应用商店应用程序和资源管理器快捷方式或你希望使用的任何其他快捷方式目标的自定义快捷方式。
● 支持从软件EXE / DLL中提取图标，而无需使用任何其他外部程序。
● 支持将图像移动并调整大小到平铺内所需的位置，从而比完全缩放图像具有更多的自定义功能。
● 目前软件本身支持的语言：英语，俄语
● 开源免费使用
三、使用说明
修改图标名称
< class="pgc-img">< class="pgc-img">< class="pgc-img">修改软件图标
< class="pgc-img">更换图标
< class="pgc-img">< class="pgc-img">< class="pgc-img">固定到开始屏幕
< class="pgc-img">注意：选择固定到任务栏是不会修改图标的。
固定之后的效果如下
< class="pgc-img">自定义图标管理界面
< class="pgc-img">< class="pgc-img">批量修改图标
< class="pgc-img">可以提取程序集的图标
< class="pgc-img">移除图标自定义
< class="pgc-img">创建url快捷方式
比如我们创建一个CSDN快捷方式。操作如下：
< class="pgc-img">效果如下
< class="pgc-img">新增win10应用图标
比如我们新增一个Win10时钟图标到开始栏。
国人常说，民以食为天，吃这件事情很重要。好食物往往带来好心情。人每天的一日三餐是驱动人每天做各种各样事情的能量来源，食物的好坏直接关系着一天的心情、情绪、状态甚至工作和生活的点点滴滴，这也难怪食物始终都是热门话题。而我们同样常常借助手机和网络，选择更好的餐厅，点更好的外卖，或者寻找更加健康的食谱。美食和技术，也一直是紧密关联的。无论这个和美食相关的 APP 的UI 背后的设计目标是什么，它不仅能够帮助用户达成目标，而且因为美食的加成，它还有着别样的吸引力。
早些时候，我们已经就这个主题分享过不少关于UI 设计的想法，今天我们要探讨的这个设计实战，是一个关于新鲜食品的设计案例研究，这个 APP 的核心概念是食谱卡。在这个项目当中，主要的设计师是 Anton Morozov, Ernest Asanov 和 Vlad Taran，他们将会通过分析和探讨来寻求最合理的内容和导航的设计。
项目目标
关于烹饪和食谱的移动端APP 的 UI 设计。
简介
总的来说，设计师需要为喜欢烹饪的用户设计出一款辅助制作出美食的APP，它应该拥有不断更新的食谱数据库，它还应该具备食材管理的功能，允许用户根据家中现有的食材来生成相应的菜单，并且针对缺少的食材，生成相应的购物清单。
根据客户的偏好，这款应用应该包含下列的功能：
必须的功能
- 搜索栏
- 过滤按钮（包含相关结果数量和相应的过滤的信息）
- 食谱卡片（食谱图片+标题）
可选功能
- 具体的食谱，各种食材的用量和配比
- 烹饪时长
- 卡路里
- 用来关闭和隐藏食谱的X按钮
- 添加食材到购物清单的按钮
- 喜欢/保存 按钮
- 提供食谱的用户信息
- 食谱的评分
- 喜欢这个食谱的用户的数量
- 主要成份
- 分享按钮
- 食谱的来源和链接
- 考虑使用哪种样式来呈现食谱，网格还是单列
主要问题
客户为设计团队所提出的需求和构思当中，包含了大量的信息和想法，设计师必须通过分析优先考虑所有的要点，因为将屏幕填满信息导致过载的风险很高。在研究和分析的基础上，通过创建用户使用场景来判断食谱当中哪些信息最重要。
解决方案的探索：优点和缺点
设计师为食谱卡的展示制定了几个不同的方案，这些方案的核心都是让有限的移动端界面尽可能有效地、高效地展示核心数据。考虑到食谱卡是整个交互中的关键因素，并且最终设计师决定平衡好逻辑和情感，希望在可用性、可导航性和视觉美学之间找到平衡点。尝试了不同的方向之后，设计师设计出了3种不同的内容布局方案。其中，创意团队必须基于目标受众的期望找到最接近的一个。
方案A：使用列表来展示食谱
- 优点：可以将尽可能多的内容展示在屏幕上。
- 缺点：图片看起来太小了。
方案B：以卡片来展示食谱（类似Pinterest）
- 优点：卡片有着极大的灵活度，它的高度可以轻松匹配不同类型的内容和信息。
- 缺点：由于采用了双列布局，每列的宽度都比较窄，而诸如添加食材到购物车等交互，主要是依靠长按卡片来触发，这些交互是隐藏的，对于用户并不够显著和友好。
方案C：大食谱卡片设计
- 优点：图片可以极大的吸引用户的注意力。
- 缺点：屏幕上一次只能显示一个食谱卡片，对于用户而言，附加的功能和交互依然不够明显。
最终的解决方案
创意团队最终倾向于方案C，较大的卡片设计让产品拥有更强有力的视觉吸引力，而这在竞争中有着明显的优势。同时，这也有助于搜集反馈，分析数据，这些数据可以作为下一个阶段的设计基础，用来提升用户体验。滑动卡片所带来的微交互微妙而优雅，其后可以隐藏更多的交互和操作，以及附加的功能。
其他的细节：过滤器
由于不同的食谱千差万别，用户需要通过过滤器来筛选食谱，用户则可以通过这个功能找到更加适合自己的食谱。比如可以选择仅使用当前已有食材的食谱，这样用户就无需采购也能置办上一桌子的好菜。过滤器为用户提供了更多的便利。
结语
在苹果公司，创建产品的时候「我们要问的第一个问题是我们希望人们感受到什么」。在创建数字产品之前，并不是每个人都认为产品设计和用户的情绪是息息相关的，然而事实上并非如此。用户的情绪和感受才是重中之重，再努力寻求产品的功能和体验，也不能忽视用户的情感需求。
原文作者 : Tubik Studio
译者 : 陈子木
译文地址：http://www.uisdc.com/recipe-cards-app-design
本文由 @陈子木 授权发布于人人都是产品经理，未经作者许可，禁止转载。
题图由作者提供
