当前位置:首页 » 网页前端 » 前端psd
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

前端psd

发布时间: 2022-02-12 20:28:49

‘壹’ 前端工程师怎么知道psd中各个位置的宽度和距离

这位网友你好,前端工程师一般都是用ps中的矩形选框工具,结合图片的信息测量大小的,都是需要精确到1像素的。你说的快速测量各个模块的大小和模块间距只能用这种方法~


‘贰’ 对于 前端 搭页面来说,美工是给他psd源文件方便些,还是一张markman 标注好的jpg方便些

相对来说 标记齐全的jpg会好一些 但是有些地方可能就需要psd切图 所以最好还是psd吧 也不用设计标注了. 所以综合就是 简单的页面 标记齐全的jpg是好的选择 复杂的psd吧

‘叁’ 前端拿到psd之后应该怎么切图

用PS的切片工具,把要用到的图标啊或者其他图片啊之类的切下来就可以了

‘肆’ WEB前端工程师拿到PSD后的需要做什么当然切片是肯定的!

分析页面模块
判断通用模块和独立模块
然后开始写html代码
先搭框架再往里面填充内容
<div class="wrapper">
<!--头部-->

<div class="header"></div>

<!--/头部-->
<!--主体-->
<div class="container"></div>

<!--/主体-->
<!--尾部-->
<div class="footer"></div>

<!--/尾部-->
</div>
然后再根据搭好的框架去写css样式

‘伍’ 前端开发中:psd转化为html网页字体大小要怎么设定

这个要根据你psd的分辨率算,但是算法也蛮复杂的,你就自己看着差不多算吧。网页规格字体是12px,不过现在电脑屏幕也越来越大,一般也都用14px了。标题文字要更大一些,自己把握吧。

说实话,你应该喷喷设计网页的人,做网页设计的基本规则都不懂。

‘陆’ 前端拿到的psd是怎么做出来的

http://www.ui.cn/
Photoshop专用格式,怎么做出来的,上面的网站里有教程
关键在于你想做什么,而不是怎么做。
怎么做的回答只能是用PS和AI

‘柒’ 关于网站前端(美工)的问题,psd到html的过程

html css 网页中最根本的,少不了就js 、jQuery什么的
现在最新的技术就是html5 css3 ,支持的浏览器也越来越多了
至于下面说的切图什么的是不支持用,不灵活 荣誉的东西太多,
现在的职位是 设计 美工 前端 后端 分的再细会把js分出来 ;
设计就是出整体的设计方案,美工根据方案出设计图,前端根据美工出的设计图 用html css js 来转化成静态页面,后台来实现动态化
不过现在很多公司都是将设计 美工和前端拼合成一个职位 为了节省成本吧 ,也就是要求你需要会 设计,ps ,html、css,js ,也有将js分给后端来实现的。
至于你说的psd到html的过程 就是拿到设计图写页面,自己搭个页面框架,经常都会用的一些样式提出来,这样每一个项目都可以用,一个一个div写呀,你说的会一些基础就够了,很多不会的度娘就行,知道怎么去实现某个东西就可以,至于js 其实i也是一个很深的东西,技巧,在于积累,比较快的方法没有就是多写,遇到问题查,最好是能有一个人给你讲从拿到一张图开始,一步步的讲一遍,基本两三张图完了你也就差不多了
写页面的时候不要什么都卸载html中 css是css js是js
其实设计蛮重要,实现页面会了就觉得很简单,像最近会有用到less css 有点偏程序化的语言,层次比较清楚,最后在生成以下,还有字体图标,不用图片 只要字体就可以生成图标直接用,不会在程序里占用太大的空间

‘捌’ 网页设计师给的是1920宽的psd设计稿,我是完全按照里面测量的像素设置css样式吗

一般的网页做1000 或者1200px
网页设计师给的1920 是有那种全屏的banner 或者图片背景之类是是1920宽,,普通的内容一般是我上面说得两种像素 做页面的时候定宽1000或者1200px 设计上1920的部分 你要做成100% 适应不同分辨率的屏幕

‘玖’ 前端开发中photoshop cc2015怎么切psd图

photoshop cc2015切psd图的方法是:
1、打开ps软件,打开psd格式图片;
2、选择要切片的图层,关闭其它图层;
3、打开左边工具栏“切片工具”,设置切片大小,双击“Enter键”确定;;
4、“文件--存储为web使用格式”;
5、打开“我的文档”,找到一个叫“image”文件夹,打开,里就有切好的图片了。

‘拾’ 2016百度前端技术学院任务六的psd文件怎么使用

psd文件是Photoshop软件专有的生成文件格式,需要借助Photoshop软件才可以打开或者修改编辑。
只看里面的内容又不想下载PS软件的话,可以下载iSee图片专家,isee可以浏览PSD格式的文件,但是不可以修改内容。
望采纳!