前端开发-前端怎样拿ps量设计稿的每个部分尺寸,点击其中的文字得到字体的属性和查看色系?

问题描述

前端怎样拿ps量设计稿的每个部分尺寸,点击其中的文字得到字体的属性和查看色系?

以前用的都是firework,这次换了photoshop完全不会用,像个无头苍蝇。
请求大家帮助

解决方案

点击左侧工具栏的T,在坐下放就会显示文字属性

解决方案二:

PS旁边有个导航器,,,可以通过选区进行测量获取;

特定部分可以直接通过内置功能查看,比如字体是可以直接查看的
背景颜色

时间: 2024-09-28 18:04:56

前端开发-前端怎样拿ps量设计稿的每个部分尺寸,点击其中的文字得到字体的属性和查看色系?的相关文章

移动开发之设计稿转换页面单位尺寸

在写这篇文章之前,我询问了在唯品会和腾讯的童鞋.以及公司里面前端大神(深哥),对于设计稿切图的详细方法,经过对比验证,得出设计稿转换页面单位尺寸方法步骤.我分别询问下面四个问题: 1. 设计稿的单位是什么,一般大小是什么? 2. 页面长度单位用什么,px.em.rem,还是混合,如果用rem,html的font-size是多少? 3. 设计稿转换成页面长度的方法? 4. 如果做媒体查询,合适的区间是什么? PS:他们都已设置viewport Q&A --朱姐(腾讯)回答 1. 设计稿的单位是px

前端开发-前端网站>基金走势图怎么做出下图的效果,请大侠们说一说!

问题描述 前端网站>基金走势图怎么做出下图的效果,请大侠们说一说! 5C 开发-前端网站>基金走势图怎么做出下图的效果,请大侠们说一说!-web前端开发网站"> 解决方案 可以使用chart.js这个库实现你要的图表 如果我的回答帮助了您,或者您希望得到进一步的回答,请先采纳这个回答.方法是光标移动到右边,点击采纳即可.这个步骤轻而易举,绝不耽误您宝贵的时间.采纳我的回答还有有如下好处:(1)得到进一步深入的回答(2)同时增加您的经验和人品(3)毫不耗费您的积分 解决方案二:

如何改进工作流让设计稿支持多个尺寸?

  最新的 Photoshop 是有跟 Sketch 一样的输出切图功能的(Generator),用 2x 的 PSD 输出 3x 的切图也可以.而且 Photoshop 配合 Slicy 输出切图比 Sketch 3 快捷很多. Sketch 相当棒,但目前(v3.1)还是有不少小问题,加上对中文支持不够好,在界面设计中还不能完全取代 Photoshop. 关于题目的问题,首先一份设计稿就不能适用于 iOS 各手机屏幕尺寸.以下是 Bjango 把目前各 iOS 手机屏幕还原为 1x 的对比图

Web前端开发工程师必读的15个设计博客

导读:Web设计是一个不断变化的领域,因此掌握最新的发展趋势及技术动向对设计师来说非常重要,无论是学习新技术,还是寻找免费资源与工具,设计博客都是很不错的去处.本文向大家推荐15个非常不错的设计博客. 1. Smashing Magazine Smashing Magazine创建于2006年,是最好的设计博客之一,有很多Web设计和开发方面的高质量文章,内容涉及HTML5.CSS.JavaScript.Photoshop.Wordpress.壁纸和网站可用性. 2. Net Tuts Net

网页前端开发属于设计还是属于技术?

在互联网产品相关职能中,有部分叫做前端开发(front-end web developer)的工作,到底属于设计还是技术?我个人认为是既要设计水准也要技术含量,不过讲起来似乎有点矛盾.曾经争论不休,因为之前的软件项目管理从没有涉及,这也就是曾经说过,除可用性外只互联网产品才有的可访问性.兼容性.标准化等指标. 通过前端开发的例子更能证明,考虑web-based的可用性和可访问性必然至少了解客户端代码(不是第一次第二次提了),这是我们职业生涯进阶的门槛.因为构成互联网产品基础的就是每个客户端页面,

前端设计工作经验分享:前端开发设计

文章描述:前端的横向发展. 今天的交流会上,提到了"横向发展"这个词,意指推荐大家学习与前端打交道的相关技术,如:php 其实"前端"这个词,是2005年才逐渐在国内兴起的.那之前,国内的网站,通常是TABLE+ASP搞定一切.做这份工作的人,通称"程序员". 开发设计-"> 那是个孤军奋战就能赢得天下的年代.一个网站丢过来,一个人就全拿了:"写需求==>出设计稿==>做模板==>写程序==>运营

设计理论:制作网页前端开发的文档

前端开发的文档相信大多数情况下都没有后端的服务描述详细,而大多数测试也仅仅在黑盒测试,所以很多情况下对这片文档的描述都廖廖无几. 前端文档缺失的原因 前端开发的文档相信大多数情况下都没有后端的服务描述详细,而大多数测试也仅仅在黑盒测试,所以很多情况下对这片文档的描述都廖廖无几. * 前端开发的代码分散--没有规范化,没有很好的设计,大多数人仍以业务为主的开发方式.* 测试人员对前端仍然处于黑盒测试,有没有文档都不影响到他们的测试进程.* 一旦业务定型,用传统方式的文档模式,很难复制到前端开发来.

合格的前端开发:为高校新学生讲解网页设计

互联网处在快速变革期.网页前端开发深受近年来不断改变的编码技巧和手段的影响.在2003年,一个合格的网页前端开发者需要了解HTML和CSS,他们也可能会一点Javascript(有可能是从别的地方复制粘贴来的).他们所编写的网站会在桌面电脑上供人浏览. 但是2013年情况不一样了!现在,一个合格的前端开发者必须精通HTML.CSS.Javascript.jQuery,CSS预处理器,以及诸如响应式设计之类的新技术,他们还要考虑首先为移动端设计页面,各种设备查看网站时的情况. 既然网页前端开发这一

使用前端框架Foundation 4简化响应式设计开发

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 Foundation是一套使用广泛的前端开发套件,可以帮助你快速的网站.最近ZURB发布了一个新版本的Foundation 4前端框架,能够有效的帮助你快速的开发响应式的网站. 和另外一个套知名的前端框架BootStrap类似,Foundation同样也提供了一套HTML/CSS的模板,可以帮助你快速的搭建网站基础,包括:布局,组件,字体,表