AlloyDesigner 使用

前端开发视觉是很重要的一部分，所以视觉的还原度很重要，今天给大家介绍一个很好用的视觉精度调整插件

一.下载AlloyDesigner插件

二.保存视觉稿为图片格式

1.psd 用ps直接保存为jpg等图片格式

2.获取视觉图片，保存为原来的视觉稿的尺寸

三.用于调整页面与测试

1.使用鼠标移动视觉稿，使视觉稿和页面近似重合
2.使用方向键微调视觉稿，使视觉稿和页面的参考点完全重合，没有重影
3.这时候页面不规范的部分就会有重影。
4.点击固定按键或按Alt+F键，固定视觉稿
5.在需要调整的地方，点击右键审查元素，审查元素
6.对样式进行调整，直到重合

详细使用

时间： 2024-11-09 10:13:21

AlloyDesigner 使用的相关文章

分享：一款前端布局工具（alloydesigner）

困扰设计师给出静态的高保真图片, 需要前端工程师按照高保真图,进行html编码. 前端工程师, 一般工作方法为: 打开图片,一边看下图片, 一边编写相应的html代码. 这样有两个问题: 1. 前端工程师比较累, 不停切换图片和编辑器, 操作频繁.手累! 2. 编写出来的html页面,不一定跟设计师的图片完全吻合. alloydesigner工具介绍 http://alloyteam.github.io/AlloyDesigner/ AlloyDesigner介绍 AlloyDesigne

前端资源教程合集

综合类前端知识体系前端知识结构 Web前端开发大系概览 Web前端开发大系概览-中文版 Web Front-end Stack v2.2 En类资源汇总免费的编程中文书籍索引前端书籍前端免费书籍大全前端知识体系免费的编程中文书籍索引智能社 - 精通JavaScript开发重新介绍 JavaScript(JS 教程) 麻省理工学院公开课:计算机科学及编程导论 JavaScript中的this陷阱的最全收集--没有之一 JS函数式编程指南 JavaScript Promise迷你书

前端开发利器-Brackets IDE

是什么? http://brackets.io/ A modern, open source text editor that understands web design. 现代, 开源的文本编辑器, 最懂得web设计. With focused visual tools and preprocessor support, Brackets is a modern text editor that makes it easy to design in the browser. 专注可视化工具

看着看着就哭了的前端地址大全

原文地址:http://www.w3cfuns.com/notes/16438/db8e9e0bf80676f32b2cafb9b4932313.html 综合类 | 地址--- | --- 前端知识体系|http://www.cnblogs.com/sb19871023/p/3894452.html前端知识结构|https://github.com/JacksonTian/fksWeb前端开发大系概览|https://github.com/unruledboy/WebFrontEndStack

前端涉及的所有知识体系

资源教程: 综合类前端知识体系前端知识结构 Web前端开发大系概览 Web前端开发大系概览-中文版 Web Front-end Stack v2.2 免费的编程中文书籍索引前端书籍前端免费书籍大全前端知识体系免费的编程中文书籍索引智能社 - 精通JavaScript开发重新介绍 JavaScript(JS 教程) 麻省理工学院公开课:计算机科学及编程导论 JavaScript中的this陷阱的最全收集--没有之一 JS函数式编程指南 JavaScript Promise迷你书(中

一线互联网公司-开源项目集锦

阿里巴巴项目最多,可以去一下地址查找 https://github.com/alibaba/ https://github.com/thx 腾讯 http://alloyteam.github.io/ https://github.com/AlloyTeam/Mars https://github.com/tencent-wechat https://github.com/weui/weui WeUI 为微信Web服务量身设计 https://github.com/WechatFE/vCon

前端学习方法总结（转）

转载自: https://github.com/qiu-deqing/FE-learning Table of Contents generated with DocToc FE-learning 必备基础技能基本开发工具学习方法和学习目标入门之路继续提高一些个人经历 LingyuCoder的学习经历工具技能语言基础进阶项目未来其他入门书一些不错的网站历程 MrRaindrop的学习经历缘起项目,下一个项目收集癖和知识管理跟对神读书前端的定位最后 by

前端知识体系2

Raw Blame History 1226 lines (983 sloc) 67.4 KB QQ联盟群交流(492107297)群规 GITHUB在线地址 http://t.cn/RL2NtqX 看云在线地址 http://t.cn/RUdaGHn 这是我们联盟群的组织结构,加入等级参考JS高级前端开发群加群说明. 这本来是我QQ群内部的一份公共约定的日常交流规则,后来得到大伙的一致认可,并用实际行动来捍卫它,使我倍受感动. 后来想:传播使爱更有力量,阅读使内心更为坚强,沉淀使生活更为醇香,

神器推荐

编辑器 & IDE VIM gmarik/vundle rizzatti/funcoo.vim https://github.com/scrooloose/nerdtree.git Modeliner DrawIt vim-scripts/Align https://github.com/Lokaltog/vim-powerline.git https://github.com/vim-scripts/taglist.vim.git https://github.com/scrooloose/n