导航:首页 > 万维百科 > 企业网站前端页面设计psd

企业网站前端页面设计psd

发布时间:2021-01-28 10:58:36

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

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


2、请各位前辈推荐几本前端书籍,我现在能根据psd设计图写静态页面和一些

哪些方面比较耗时、费力?我所猜没错的话应该是样式、布局方面有待加强,推荐回CSS方面的答书籍:《CSS 权威指南》、《精通 CSS》;javascript方面,考虑到你有java/c++的基础,关键是转变语言风格,了解特性,所以推荐《JavaScript高级程序设计》

3、有什么重构练习或者面试的psd适合前端菜鸟

这个在后盾网有详细写到过,你可以去搜索后盾网查找哦

4、前端开发中:psd转化为html网页字体大小要怎么设定?

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

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

5、关于网站前端(美工)的问题,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 有点偏程序化的语言,层次比较清楚,最后在生成以下,还有字体图标,不用图片 只要字体就可以生成图标直接用,不会在程序里占用太大的空间

6、Web前端拿到的是一份怎样的psd文件

psd只是一个图片的格式。
你平常练习的应该是jpg 或png
而实际企业中都是psd 的格式
文字都是可编辑的
图片都可以取出半透明的
分层的 等

更多关注:新航路师徒学院

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

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

8、前端拿到的psd是怎么做出来的?

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

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

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

10、ui设计banner图怎么给前端?

一般设计师给前端的只有psd,没有其它多余的东西,连基础的文档都懒得给。前端期望中的设计能给予的除了psd之外,还有设计上游岗位传递下来的东西。比如:产品原型,需求文档,交互文档等等。
一般在真正的代码开发进行之前,前端期望中设计给的东西有:
1. 1份jpg文件:
里边有各个psd的动作分解图,包括页面逻辑,或交互分解。设计师放成这样的目的在于在做设计时方便的拷贝,但对开发人员来说,如果分级过于隐藏就会漏掉某个部分的开发。
2. 1份psd文件: 一份好的psd文件是分层清晰,设计规范的文件。
3. 1份需求文档: 需求文档是对当前开发功能的基础介绍或逻辑详细描述。
4. 1份原型文档:
原型设计文档一般是由产品经理对最初功能设想的一份粗稿,这份稿只是对布局或交互做简单的设计,需要经过设计进行艺术的加工之后,才成为一个可以呈现给用户的完整界面。
当然这些所有的结果,需要经过层层开会审核,征得各个项目组leader的同意之后通过邮件的方式发送给各个成员,最粗笨的办法就是放在局域网的共享地址可以去拿psd文件。
恩,然后所有的中间需求变更、界面变更都要抄送相关人员,免得中间再次沟通,浪费时间。
基本流程:
1、需求提出,产品跟产品leader沟通需求
2、产品leader跟开发、测试、ui/ue要人,要排期
3、要来的人大家一起开发,挑战产品经理,跟批斗似的,产品拿着需求文档讲ppt
4、需求回归
5、继续批斗(4、5一直重复)
6、需求ok了,开始ui/ue设计
7、评审ui/ue
8、ui/ue回归
9、开发
10、提测
11、回归
12、上线
13、有问题回滚。
另外公司的设计是这样的:通常PSD要把交互效果的图层都做好,出JPG的时候,
都会把默认状态,交互状态,管理员状态各自出一个,然后弹窗布局出一个,都做得很精细。
这样导致的结果是想犯错都没有机会。

与企业网站前端页面设计psd相关的知识