罗湖区关于vi设计省钱

罗湖区关于vi设计省钱, 5.1 Collect 搜集 截图、截图、再截图Screenshot all the components across products 首先，请不留情面地对你的产品截图，包含整个页面跟单一元件，目的是找出用户体验不同的元件。不论是花一个小时、一个早上、或是一整天，你会发现原来不一致的介面比你想像的还要多（总共24个页面及100个元件）。 产生原因包含：不同介面由不同的设计师经手、在开发过程为了方便快速，使用现成的线上元件等。 图8，vi设计. 光是下拉选单，目前产品内就有不同的形式 5.2 Categorize 分类 寻找相同的介面元素Pattern hunting 将截图的各元素分类，试着从小处着手，以下是简略的归纳： 图9. 归纳过后的元件清单 5.3 Discovery 发想 a. 搜集现有设计(外部& 内部) Gather current design (external & internal) 这部分可以分成向外寻找、向内探索： 向外寻找External：寻找市面上类似的产品，搜集喜欢的介面元素。由于这次的产品为SAAS，主要的参考对象为：Dropbox , Shopify , Typeform , etc. 向内探索Internal：试着搜集过往的设计，找寻潜在的可能性。这些设计可能是已开发、待开发，甚至是归档的都有成为设计系统的蓝图。 图10. 以上是曾经设计过的prototype，可以做为设计系统的蓝图

深圳市八零风视觉设计有限公司是一家专业品牌策划公司、十多年来，潜心致力于国际品牌与本土融合及创造品牌服务、为企业和品牌提供国际化、专业化、个性化的视觉行销服务。主力设计师毕业于西安美术学院、多年品牌规划和策划设计经验。每一个1%、我们投入100%的心力去完成、我们重视每一个细节、我们力求在日益竞争的环境中做出更具有人性化的东西、我们试图通过作品告诉客户——我们是做一种具有亲和力的服务、做的是一种销售力的创意作品。

什么是品牌文化？ 品牌文化是以品牌个性、精神的塑造和品牌推广为核心，使品牌具备文化特征和人文内涵，重点是通过各种策略和营销活动使消费者认同品牌所体现的精神，然后形成一个忠诚的品牌消费群体，与品牌共同承载文化的传承。 品牌文化的特征 品牌文化不但具备精神内涵，还要从营销策划、促销活动、广告宣传、客户关系等各个方面进行整合。不但要让消费者能够体会到品牌的精神、个性和文化内涵，还要具备典故、故事和人物等文化载体进行传播，比如海尔的砸冰箱等故事，让品牌文化鲜活和生动起来，形成具有忠诚度的品牌消费群体，并形成以品牌来连接的品牌文化。 品牌文化的作用 通过品牌文化的传播，不仅能更好地实现企业的商业目的，还能有效承载企业的社会功能。 塑造品牌文化，其行为根本上是受商业动机支配的。通过品牌文化来强化消费者忠诚度，从而谋求更多的商业利润。之所以强调要塑造一种品牌文化，是因为消费者是社会人，具有复杂的个性特征，但由于同一经济、文化背景的影响，其价值取向、生活方式等又有很多一致性。这种文化上的一致性为塑造品牌文化提供了客观基础。  品牌文化满足了目标消费者物质以外的文化需求。 人除了追求物质之外，还有精神方面

罗湖区关于vi设计省钱, 前列的VI设计应通过标志造型、色彩定位、标志的外延含义、应用、品牌气质传递等要素助推品牌成长，帮助品牌战略落地，累积品牌资产。 VI的设计不是机械的符号操作，而是以MI为内涵的生动表述。所以，VI设计应多角度、***地反映企业的经营理念。 VI设计的基本要素系统严格规定了标志图形标识、中英文字体形、标准色彩、企业象征图案及其组合形式，从根本上规范了企业的视觉基本要素，基本要素系统是企业形象的核心部分，是企业基本要素系统包括：企业名称、企业标志、企业标准字、标准色彩、象征图案、组和应用和企业标语口号等。

b. 选一个介面进行发想Hijack a project 你可以选择一个正在进行的专案着手，或是相当让你讨厌的画面、相当有感觉的都可以。这阶段发散越广越好，可以先回顾先前整理的元件以及灵感来源，尽可能的创作。 而我选择用户使用时间相当长的活动页面，重新构思设计系统的可能性。 图11. 选择一介面进行设计，发想的越广越好 5.4 Framing 定义 提炼设计Refine Design 考量到桌面版及行动装置呈现，选择使用卡片式的UI，并减少图片的面积，让活动主题和相关资讯更突出。 定义架构Define Guideline 有了以上的大方向后，这阶段是一个关键的精密制作过程。你可以定义一个元素、元件，或是模组，考虑到不同的使用情境、在不同页面的呈现，除了在Sketch设定Symbol之外，可以使用Google Doc做详细的叙述，以下是一部分的文件： 图12. 定义的设计规范 5.5 Solution & Collaboration 开发＆合作 最后的大步骤就是和前端工程师一起定义设计系统，由于我们产品是SAAS平台，主要使用React。 有兴趣的朋友可以阅读： Bringing Design System Components from Production into Framer X Monica Lent — The tech behind a design system that scales 图13. 反覆沟通的过程是为了确保Design

罗湖区关于vi设计省钱, 1. 检视目前开发流程Review current development process 在了解设计系统(Design System)前，可以运用这三大问题检视目前流程。 不论你是开发者或是设计师，是否曾经遇过以下情况： 1a. Inefficiency 没有效率的开发流程 设计团队里的资源不透明，一而再，再而三重复设计相同的元素，增加设计投入成本(人力及时间)。 图1. 重复设计介面浪费设计师/开发者的时间跟精力 1b. Inconsistent 不一致的介面元素/互动体验 由于快速的开发过程，或是紧凑的时间，导致在设计时没有考量规模化、或者没有时间QA就将产品推入市场。不一致的元素会让用户产生困惑，花更多时间上手，可能因此放弃使用你的产品。 图2. 不一致的介面导致使用者无限困惑 1c. Insecurity 对设计产出没有信心 由于没有设计规范，对于自己设计的互动介面，抱持着怀疑的心态。 图3. 因为没有规范，对于自己的解决方法没有信心 如果你曾遇被以上三种情境困扰着，或是正想着：“如何扩展团队和增长产品，同时ㄧ提升开发团队效率及提供一致的使用者经验？” 也许，设计系统Design System是解决办法之一。