网页设计需要标注给开发（设计网页需要编程吗）

本文目录一览：

• 1、零基础如何学网页设计
• 2、开发协作-切图类别与规范
• 3、网页设计都做什么??
• 4、网页设计和网站开发用到的技术有哪些?
• 5、网页设计流程
• 6、sketch怎么标注给前端

零基础如何学网页设计

1、只要有兴趣就可以学。没有人生来就有基础，都是后天一步一步学习的。

2、\t\t1从PS学起\t如果你是一名完完全全的新手，那么先从最基础的PS的功能学起吧，在这个网络如此发达的时代只要你动动手指，百度一下，谷歌一下，在用你认真的学习态度，知识就归你了。

3、当企业网站设计完之后，需要交付给前端开发，所以需要将企业网站的设计稿切图、标注，让前端清晰的了解设计要求。

4、如果题主零基础的情况下想去学代码的话，就得把HTMLCSSJavaScript三个一口气都学了，这样就不需要各种求供应商和技术了。

开发协作-切图类别与规范

1、切图标注如今，设计切图插件能够将设计稿里所选中的图层、图层组按不同开发规范宽度，倍数、进行合并裁剪切片。

2、一倍图：在二倍图的基础上压缩成50 iOS启动图：图标按照最大1024x1024来设计，之后按照比例缩小到每个尺寸。提交没有高光和阴影的直角方形图即可。

3、规范的命名方式可以提高客户端程序员的开发效率和团队协作。个人觉得标识符命名原则：尽可能的用最少的字符而又能完整的表达标识符的含义。

4、切图资源尺寸必须为双数 切图资源尺寸必须为双数，这是是为了保证切图资源在工程师开发时是高清显示。

网页设计都做什么??

网页设计，是根据企业希望向浏览者传递的信息，进行网站功能策划，然后进行的页面设计美化工作。

网页设计师就是为网站页面进行设计并制作的工作人员，他们既是专业的设计师，又是静态网站的开发工程师。

网页设计（webdesign，又称为WebUIdesign，WUIdesign，WUI），是根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。

网页设计和网站开发用到的技术有哪些?

1、AJAX全称为“AsynchronousJavaScriptandXML”（异步JavaScript和XML），是一种创建交互式网页应用的网页开发技术。

2、响应式设计：用于创建适应不同屏幕尺寸和设备的网站，提供良好的用户体验。1测试和调试工具：如断点调试器、自动化测试框架和性能监测工具等，用于确保网站的质量和性能。

3、Web前端开发技术技术如下：HTML/CSS：HTML（HyperText Markup Language）是一种标记语言，与CSS（Cascading Style Sheets）结合使用，用于网页的结构化内容和样式的设计。

4、服务器架设 要制作网页就需要架设服务器来调试你做出来的网页，有iis等很多种，可以在网上搜索得到。

网页设计流程

规划网站一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。

网页设计流程的第一步就是要弄清楚网页设计的任务设计的任务：设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。

网站设计是一个复杂的过程，需要考虑很多因素。本文将介绍网站设计的流程和技巧，帮助读者更好地了解网站设计。明确网站设计思路明确网站设计思路是网站设计的第一步。只有明确网站设计思路，接下来的网站设计才会顺利开展。

网页经由网址（URL）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。

因此网页设计必须首先明确设计站点的目的和用户的需求，从而做出切实可行的设计方案。营销模型需要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，从而建立起营销模型。

sketch怎么标注给前端

1、第一步，打开sketch，使用钢笔工具，然后在页面中画一条曲线。第二步，选择文字工具，在曲线的上方输入想输入的文字。第三步，选中曲线和文字，点击“type”按钮，点击弹出框中的“type on path”。

2、可以满足一部分的工作，但对于字号的标注一样无能为力，我需要在设计软件中先查看字体属性，然后再现打字到标注软件中，效率啊效率，实在是让人抓狂。最终，静电看到了这款躺在我dock上已经十来天没打开过的sketch。

3、把时间花在重要的地方。Sketch的强大功能主要集中在这5个方面：Symbol组件、Text style文字样式、 Layer style图层样式、Library组件库、Resizing智能缩放。

4、下载地址 Github：weixin/WeSketch网盘：WeSketch 官方介绍 更高效的团队协作，如：UIKit 同步、色板同步等。更快捷的交互设计，如：图标库、自动连线、标记注释、全局替换文字、字体、颜色。