12 订单图标设计
购物是消费类App最重要的功能。用户在下单后，点击订单图标可以查看自己购买的商品。
视频演示
◎ 元素提炼
当顾客在超市结账的时候，收银员都会在结账之后给顾客一张购物清单。这张购物清单包含了顾客购买的所有商品信息，包括购买商品的数量、商品折扣信息、兑换积分及购买时间等。当顾客去饭店消费时，点餐员会将所有的饭菜账单以桌号为区分放在一个板子上，并用夹子夹起来，方便查看、修改和结账。订单图标就来源于此。
◎ 结构分析
这个订单图标由一张写满了字的纸和一个夹子构成。纸上带有折角，以表达“不只一张”的语义。在纸的正上方有一个夹子，表示纸是归类后叠放在一起的。
◎ 设计思路
在图标设计中，笔者将纸用圆角矩形表示，并且表现出折角的效果，折角部分上方的边采用了风格化虚线。纸上表示文字的线条不用太多，两三条即可，如此可以让图标看起来简洁而不沉闷。注意，表示文字的第3条线要短一些，但是长度建议超过上面两条线的一半，符合美感的同时，可以增加图标的细节。纸上方的夹子用一个圆角矩形表示，同时注意夹子的长度和宽度。
◎ 绘制过程
01 画出垂直方向的对称轴，然后画出辅助线，定出夹子和纸的宽度和高度。
02 由上至下绘制图标，先绘制出夹子的大致轮廓。
03 将夹子补充完整。以大圆角矩形表现出纸的形态，并将纸的右下角处理成折角效果。
04 在表示纸的图形内添加直线，表示纸上的信息。最后用高光橡皮擦出纸右侧边缘线上的风格化虚线，结束绘制。
经验分享：图形元素的变换使用
在日常设计工作中，一些图标的图形元素其实是可以重复使用的。在重复使用过程中，只需适当将图形元素做一些改变，就可以生成新的图标。
如下图所示，随着移动办公的需求越来越大，手机上可以使用的文档阅读编辑软件也越来越多，功能也越来越完善。文档图标与订单图标的风格和设计形式类似，但也有所区别，主要表现为4点。（1）位置不同。文档图标在底边工具栏上，相对于订单图标来说更注重简洁性。（2）语义不同。订单图标有文档的含义，相对文档图标来说更注重信息的罗列。（3）设计风格不同。文档图标相比订单图标来说在设计上虚实对比感更强。（4）细节不同。相比文档图标来说，订单图标中含更多的圆角。
思维拓展：用直线表达信息内容时需注意哪些问题
线描图标设计中经常用平行排列的几条直线表达“文字内容”的语义，并且一般会将最下方的那条线缩到3/4，如此既表现了文字内容排列的真实感，又有错落对比的设计美感。同理，在网站设计图中出现大段文字时，最下方一排文字的宽度最好为整段宽度的3/4，这样会让人感觉更舒服。
注意，重要的图形不一定要表现得最大，但是要表现得更醒目，次要的信息弱化表现即可。