每日优创Day of Design
← 全部作品365Shop.ca · 2023

线上超市标志设计

一只购物袋,
朝你眨眼。

365shop.ca 标志,依 2023 年 Affinity 原稿的矢量路径重绘

00项目

客户
365Shop.ca
领域
线上超市(筹备中)
年份
2023 年 10 月
原稿
Affinity Designer 画板,3840 × 2160

365Shop.ca 要在网上卖日常所需。2023 年 10 月,我们为它画了标志,整个过程留在一张画板上:一辆用一根松弛线条画成的购物车,和一只有表情的购物袋,一只眼睁着,一只眼眨着。走得更远的是购物袋:只有它和名字组合在一起,名字装进一枚橙色吊牌。

  • 标志设计:两个方向
  • 购物袋与吊牌组合
  • 配色

01两个方向

一辆在跑的车,
一只有表情的袋。

方向 A 用一笔画出购物车,线条绕着车筐甩出一道弧,像跑过留下的轨迹:快、送货、一点即到。它试过全黑,也试过绿色车身配黑色弧线。方向 B 给袋子一张脸。车说的是怎么买,眨眼的袋子说的是跟谁买;画板上和名字组合成标志的,是 B。

A单线购物车 · 365Shop
A配色试稿
B眨眼购物袋 · 365shop.ca

02标志

笑脸,
就是倒过来的提手。

这只袋子用的笔画很少。提手和笑脸是同一道弧,一道挂在袋口上方,一道翻过来放进袋身;虚线把提手转了 180 度,正好落在笑脸上。袋身两侧约以七度收窄,旁边的吊牌也斜着同样的角度,名字就像挂在袋子边上的一枚标签。

abc
  1. 同一道弧提手与笑脸都宽 120.7、深 58.8 个单位。虚线是转了 180 度的提手,正好落在笑脸上。

  2. 同一种粗细提手、笑脸和眨着的眼,笔画都是 17.5;睁着的眼是一颗略重的圆点。

  3. 约七度收窄袋身两侧向上收窄 6.8 度,让袋子站得稳。

d
  1. 吊牌顺着袋子斜吊牌左边斜 6.6 度,与袋身右侧几乎平行,名字像挂在袋子边上。

03组合

名字,
挂在橙色吊牌上。

名字用 Avenir Next Bold,白字排在第二种颜色的吊牌上。购物车方向写的是 365Shop;购物袋方向写成网址 365shop.ca,名字就是店在哪里。画板上试了两种吊牌比例,这里用的是吊牌不超出袋身高度、居中于袋身的那一版。

单色 · 本页绘制
反白 · 本页绘制

04颜色与尺寸

蔬果的绿,
价签的橙。

颜色都来自原稿:袋子的绿 #39AA36,吊牌的橙 #FF8B01,衬在画板的暖白上。标志要在手机屏幕的角落里也认得出,缩到 16 像素,那个眨眼还在。

袋子绿#39AA36
RGB 57 170 54
吊牌橙#FF8B01
RGB 255 139 1
画板暖白#F7F5F0
RGB 247 245 240
字标墨色#161A16
RGB 22 26 22
160 px
96 px
64 px
32 px
16 px
图标试稿
眨眼的购物袋
客户
365Shop.ca
年份
2023
设计范围
标志设计:两个方向 · 购物袋与吊牌组合 · 配色

2023 年 10 月由 Day of Design 为筹备中的线上超市 365Shop.ca 设计。本页图形全部依原始 Affinity Designer 文件中的矢量路径重绘;字标按文件标注的 Avenir Next Bold 重新排印。绿底反白标志、尺寸阶梯与构造标注为本页绘制。档案中看不出网店是否上线,也看不出最后采用了哪个方向。