相关文章
html psd设计图,根据PSD登陆页面设计稿切图制作HTML网页全过程
切图的目的是把PSD设计稿转换为HTML页面。记得自己当时学习切图时，网上切图相关的文章是不少，但是大都是讲怎么使用切片工具把一张图片分割成多张图片，然后存储为Web使用格式，并且都比较简单和零碎，并不能满足我的要求…
设计稿生成代码与 Serverless 的前世今生与未来！
简介： 云栖大会云上 Hello World 活动火热进行中！每位参与者都可收获一份阿里云出品的全球唯一序列号纪念证书！ 一场脑洞实验
云栖大会云上 Hello World 活动火热进行中！每位参与者都可收获一份阿里云出品的全球唯一序列号纪念证…
九个小众实用设计预览网站
awwwards
一个集合了很多优秀的网页设计作品的网站，上面的优秀案例是来自全世界优秀的网页设计师。如果你想学习国外的设计，这是个很好的网站。 Freebiesbug
集合PS、AI、网页素材、免费字体等优秀的网页设计资源。可以直接下载 源文件。 用户可以根据左侧的主题，找到适合…
为Web前端开发者准备的免费PSD资源网站
是不是你也同样有过这样的经历，需要免费PSD的时候找不到，不需要的时候又常常能够看到，今天我们将要分享一堆免费下载PSD文件的资源性网站，相信一定能够帮助你加快你的设计和开发。 1. Dribbble PSD Search Dribbble毫无疑问是最…
用实例详细讲解将PSD转成HTMLCSS
本教程通过一个实例，来详细讲解如何将psd转为html/css，以及js插件的使用。 将PSD转成一个静态的html/css对一些朋友来说是一个很大的困扰。因此本教程通过对一个完整实例的详细讲解来教大家如何将psd转成html/css，转换后的html/css可兼容各种…
【前端】psd到html切图，包含ps切图
仅仅记录自己所学。 学习链接： 前端工程师必备技能—PS切图-免费在线视频教程-php中文网 主要是后面两个视频，前面介绍ps基本操作比较多 前端psd到html切图视频教程-慕课网 这个包含代码构建，我自己还没来得及学 先贴最重要的
ps切图方法 最…
PS把PSD上传到蓝湖
安装蓝湖 下载地址：https://lanhuapp.com/ps 下载完成后，进行傻瓜式安装，然后重启photoshop即可！ 如下图所示，即安装成功！！ PS中使用蓝湖 右侧点击蓝湖插件登录账户， 标记完成&#…
html还原ui,前端高度还原设计稿（字体篇）
前言： 以前前端都是拿到psd设计图，需要自己用ps切图，需要自己在psd上面一个个去量设计的大小和间距，而现在一般都是要求设计师把设计稿直接上传到蓝湖上面，通过蓝湖的标注来写出前端代码！下面我就前端如何根据蓝湖设计稿还原ui说下自己认识！ 示例: 现在以下面一个注册页…
从psd文件到html
纲要
计划布局，划分整体结构内容区域，从整体到局部，局部中的通用部分，根据上下文应用样式 公共头部（public-header）、尾部（public-footer）公共容器（public-container/in…
Ui设计师如何入门，设计稿预览不可少
一、UI设计是什么? 简单的来说，UI设计师就是负责设计这些在电子屏幕上显示的产品，(包括游戏，网页端，手机，以及目前比较火的VR,AR,其他设备端等)
UI设计师需要做的工作有，APP界面图标设计，视觉设计，运营插画设计，交互动效设计，原型图设计，平面设计，小程序设计等。…
手机预览ps设计稿在哪里
Design Play设计稿预览是一款专为设计行业用户所准备的效率办公类软件，在app中设计了多种类型的设计功能可以在手机上进行使用体验，丰富的海报模板可以帮助用户快速制作所需风格的海报，在软件中还支持各种设计格式的文件，可以在手机中进行设计草稿的预览，小伙伴们可以随时…
imgcook设计稿生成代码插件
Sketch/PSD/静态图片生成代码插件 imgcook 是专注以各种图像（Sketch/PSD/静态图片）为原材料烹饪的匠心大厨，通过智能化手段将各种视觉稿一键生成可维护的 UI 视图代码，期望此 imgcook (图像大厨) 成为一位 P5 的重构工程师&#x…
使用HTML制作静态网站：传统文化戏剧锡剧带psd设计图（2个页面）
🎉精彩专栏推荐 💭文末获取联系 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业： 【📚毕设项目精品实战案例 (10…
如何把设计稿转换成html,将设计稿转换成WEB页面职业者
将设计稿转换成WEB页面职业者 互联网 发布时间：2009-04-02 19:37:09 作者：佚名 我要评论 网页制作Webjx文章简介：我们从事的工作简单的说就是“将设计稿转换成WEB页面”，这一过程可以很简单到直接把PSD从PS里导出成网页；也可复杂到需要考虑页面中每个标签的使用，考…
关于第一次把psd设计稿转换成HTML页面的一些心得
关于第一次把psd设计稿转换成HTML页面的一些心得 心得元素的命名和层次化图片的大小和宽高的设定清除浮动clearfix和box-sizing：border-box 心得
记录一下自己的学习心得，第一次接触的psd设计稿尺寸是1920的，把它转换成HTML页面是也是完全没…
前端切图实战（PSD设计稿转化为前端）
课程来源：https://www.imooc.com/learn/668 一：读设计稿 划分：头部、尾部、公共部分、大概分多少块、logo的重用、列表有哪些、各部分用什么技术实现等等。 二：建立项目目录 三：编写重置样式 不同的标签有着默认的样式…
【前端初级项目】学成在线网站首页，HTML+CSS，附PSD设计稿！！
技术栈及工具
HTMLCSS切图/测量工具：Photoshop编辑器：VSCode
效果预览
学成在线网站首页，只有一张首页，适合刚学HTML，CSS的同学练手，虽然只有一张静态页面，但是总体上还是很精致的。 源码
…
网站设计必备:网页经典代码（转）
网页经典代码（一） 1.将彻底屏蔽鼠标右键,无右键菜单 也可以用于网页中Table框架中 no2.取消选取、防止复制 3.不准粘贴 4.防止复制 5.IE地址栏前换成自己的图标 说明：关于favicon.ico文件的制作。你可以先在FW中做一个图片，属于你自己站点一个 小图标。然后在ACD see将文…
一文说透低代码平台/无代码平台
一、低代码/无代码平台是什么 二、低代码/无代码平台是怎么产生的 三、低代码/无代码平台应具备哪些能力 四、主流的低代码/无代码平台有哪些 五、低代码/无代码平台典型应用场景 六、低代码/无代码平台有什么价值 七、低代码/无代码平台有什么优势 八、低代码/无代码平…
七夕到了！不会写代码？一样可以给女朋友建个网站
不会写代码也可以给女朋友建个网站 分三个模块 百度aipage/rp/模板 七夕建站 教程视频使用别人的模板部署修改代码（可选）部署至腾讯云对象存储部署至uniCloud服务空间 使用百度AiPageRP自己设计 教程视频
https://www.bilibili.com/video/BV1Tp4y1p7RQ/…