05 帮助与反馈图标设计
帮助与反馈图标有别于客服图标,它更多的是在当App系统没有设置专门的客服功能时,或者当App系统希望用户在使用客服功能之前先自行解决问题时出现。
视频演示
◎ 元素提炼
用户在使用软件时可能会遇到操作或功能问题,这时他们会点击“帮助与反馈”按钮以寻求帮助,而且一般是先通过其中的帮助功能查找解决问题的方案。如果查找无效,用户可以使用反馈功能提出自己的问题和意见。而我们在做练习题或阅读时,遇到不会的问题或不好理解的句子就会在旁边画一个“?”作为标记,提醒自己要解决这个问题。基于以上情况,帮助与反馈图标大多都有一个“?”元素。同时最外层的大圆圈带有指示牌的语义。
◎ 结构分析
问号的上半部分是由一个半圆和一条曲线组成的,下半部分是一个点。外面用一个圆将问号圈起来,表示此处可以点击,同时也规定了点击的范围。
◎ 设计思路
帮助与反馈图标的结构不是很复杂,重点在于内部“?”元素的处理。在绘制“?”时,尽量不要一次性画完,而是先画上半部分的半圆和曲线。“?”下半部分的点不用画得太大。外圆本身表示的是一个扁平的指示牌,因此不必突出其立体感,只需要将外圆右下角的线条转换成风格化虚线即可。
◎ 绘制过程
01 画出参考线,以确定中间“?”的位置和大小。
02 根据参考线画出“?”。
03 画出与正方形的4条边都相切的图标外面的圆,将圆右下角部分的弧线转换为风格化虚线,结束绘制。
提示
在带有圆点的图标绘制中,如果图标本身的形态较简单且较小,可以考虑将圆点处理得大一些;如果图标本身的形态较复杂且较大,则考虑将圆点处理得小一些。
经验分享:符号在图标设计中的语义表达和应用
在设计带有标点符号、数字及特殊符号的图标时,除了要注意符号本身的识别性和整体性,还要注意它和周围图形的协调性。
下面针对一些常见的标点符号、数字符号及一些特殊符号隐含的语义信息做一下解释。
感叹号:表示惊讶和内容的重要性,容易引人注意。
问号:表示提出问题、分析问题和解答疑问。
货币符号:表示货币本身,也可以表示交易和盈利。
省略号:表示说话和表达的信息内容很多,也可以表示此处省略。百分号:表示消费折扣,也可以表示利润率。
大于符号和小于符号:表示箭头和方向。
引号:表示此处有说话或文字内容。
括号:包括大括号、中括号及小括号,在图标设计时加以运用,可以起到装饰作用。