虽然做法不尽相同，一组攻略总是一切项目最重要的起点之一。
为每个项目创立攻略(即便它本来没有)能够优化你的作业流程，也能使你的规划坚持一致，并有望采纳正确的开发方法。
这的确是规划师的职责。你不能怪开发者没有你那样的像素眼。你得辅导他们。
从创立3种首要类型的文档开端。
款式攻略
组件文档
页面标示
这套流程不引荐兼任前端开发的规划师选用。如果是这种状况，你需求多做一步，经过代码写出的风格攻略和组件，创立一个独自的渠道。你甚至会想在第二步就开端编写代码，省去剩余的过程。
Bootstrap和Purecss便是两个闻名的比如。的确，它们是完好的前端结构，或许比你正在进行的项目更巨大，不过你应该了解了吧?
1. 款式攻略
款式攻略清晰了一个规划项目中每个元素的款式。它基本上是开发者最遍及的款式手册。在这个文档中，色彩、字体、表格、列表项、图标运用、分隔线和其他元素都有翔实的界说。一旦你创立好并设立了每种元素的相应标准，就能够拖放运用了。
*提示：为元素命名。虽然开发者终究或许会用不同的class名，当议论某个元素时也会十分有用。比如说，你给一个有渐变色导航栏的网站规划了不同主题。说#主配色 – #第二配色总比说这些色彩的姓名好。
2. 组件文档
在许多方面，这个文档与款式攻略完全相同，却是另一个层次的东西。组件是指类似于登录框、轮播图、旋转木马、页头、页尾等等。
这不同于一般含义的款式攻略，这个文档有助于在整个规划过程中坚持一致性。它能使开发者更轻易地辨认出重复的元素，使流程加快。
从上面能够看出，在规划呼应式项目时，将每个元素的“体现”包括进来是有优点的。再说，一般开发们不会重视这些工作(也不应由他们来重视)。
信任我，若你不强调一下CTA文字在移动端要居中显现，他们就不会留意。
一旦完结，拖放这些组件，保证从一开端就定下标准，避免终究样品堕入无休无止的调整：内边距、色彩和字号。
*提示：将组件导出成独立的.psb文件。这么做有个很大优势，你的客户决议改稿时，你只需求更新特定的几个.psb文件。的确很节约时刻。
3. 标示文档
最终一步是页面标示。已然现已定好了元素和组件的款式。仅有剩余的便是引证这些组件，界说外边距(称号和距离)。
像下面这样将其分化真的很有协助，咱们之前把这种办法用在adidas网上商城和平等规划的渠道上：
别离导出多个页面用到的组件。
导出页面。
两种导出方法中，我都用了3套图层复合，能够轻松完结导出：
Popup_Normal.jpg
Popup_Naming.jpg
Popup_Spacing.jpg
我知道这一切看起来很辛苦，但作为交互规划师，它至关重要。
所幸，有些很棒的插件能够帮你节约一些时刻。specKing便是其中之一。这个东西能够标示之前说到的一切东西，不过我更爱用它来标示距离和标签。
上一年今天运营文章2023:手机智能提示设置:让你不再错失信用卡房贷还款日(0)2023:小红书数据剖析：怎么使用热门创造，完成爆文收割机！(0)2023:电脑手机桌面便签软件引荐：桌面便签软件哪个好用(0)2023:商家必备！餐饮外卖回评话术(0)2023:OpenAI约束香港用户拜访(0)
微信扫一扫 
支付宝扫一扫 
