集团品牌vi设计的核心价值在于为企业打造独特的品牌,集团品牌vi设计可以给企业带来良好的社会声誉和经济效益。
注:配图为本公司设计作品
虽然有些方法可能会有所不同,但对于任何项目来说,最重要的起点之一就是一套指导原则。
为每个项目创建指导方针和标准(即使它最初不在范围内)可以增加你的工作流程,也可以保持你的设计的一致性,并有望以正确的方式开发。
这真的是设计师的责任。你不能责怪一个开发者不是你这样的像素狂。引导他们。
首先创建三种主要类型的文档。
风格指南
组件文档
页面周围的规格
对于一个同时也在做前端开发的设计师来说,不推荐这个流程。如果是这种情况,请添加另一个步骤,使用编码的样式指南和编码的组件创建单独的平台。您甚至可能想从第2步开始编码,省去一些步骤。
这个过程的两个著名例子是引导程序和纯css .是的,这些是完整的前端框架,可能比你正在做的项目要大得多,但是你理解了吗?
在线电子邮件模板生成器
有了明信片,你可以在线创建和编辑电子邮件模板,无需任何编码技能!包括100多个组件,帮助您以前所未有的速度创建自定义电子邮件模板。
免费试用其他产品
目录
隐藏
1.风格指南
2.组件文档
3.规格文件
1.风格指南
样式指南定义了设计项目中每个元素的样式。它基本上是开发人员的通用风格指南。颜色、版式、表格、列表项、图标使用、分隔线等等都在这个文档中有详细的定义。创建元素并为每个元素设置规则后,即可拖放元素。
*提示:命名元素。尽管开发人员最终可能会使用不同的类,但在引用这些元素时还是很有用的。假设你有不同的主题颜色为一个有渐变导航栏的网站。用# PrimaryThemeColor-# secondary theme color来命名不同的颜色要容易得多。
2.组件文档
在许多方面,这份文件与风格指南相同,但层次不同。组件是登录框、滑块、传送带、页眉、页脚等元素。
这不同于一般的样式指南,因为本文档帮助您在整个设计过程中保持一致性。开发人员更容易识别重复的元素,这将加快开发过程。
正如你在上面看到的,当在响应式项目中工作时,包含每个组件的"行为"是有益的。同样,一般的开发人员不会关注这些类型的事情(也不应该想关注)。
如果你不强调三醋酸纤维素文本在手机上居中对齐的事实,他们不会注意到。相信我。
与我们的在线建设者一起创建网站
使用启动应用程序和幻灯片应用,您可以使用在线网站编辑器建立无限的网站,其中包括现成的设计和编码元素、模板和主题。
尝试启动应用程序
尝试其他产品的幻灯片
一旦你认为你完成了,拖放你的组件,以确保从一开始就设置规则,以防止最终模型的填充,颜色和字体大小的无休止的编辑。
*提示:导出组件要分开psb。文件。最大的好处是当你的客户决定改变时,你只需要更新具体的psb。文件。这真是省时。
3.规格文件
最后一步是指定页面。既然我们已经设置了元素和组件的样式,剩下的唯一事情就是引用这些组件并定义边距(命名和间距)。
我们为阿迪达斯网上商店和这么大的平台使用了以下方法,像这样拆分
注:配图为本公司设计作品


总监微信咨询 舒先生

业务咨询 张小姐

业务咨询 付小姐