设计神器,Assistor PS切图标记神器中文汉化指南与下载插图

设计神器,Assistor PS切图标记神器中文汉化指南与下载

Assistor PS是一款切图标记神器,众多的网页设计师和UI设计师工作中必备的一款PS外挂,网上也有很多的文章详细介绍过它的使用方法,以前官网是定期收取费用的,现在已经完全免费了,这也让Assistor PS开始变得普及

网站PSD模板切图为XHTML+CSS的网页实例插图

网站PSD模板切图为XHTML+CSS的网页实例

之前教了大家做网站PSD模板,那么,做好后怎样在实际中应用呢??怎样把这样做好了的模板切图为XHTML+CSS的网页呢??现在我们就来看一下设计好的模板切图的实例教程

广告位
切图教程,切图后图片过大该怎么压缩大小?插图

切图教程,切图后图片过大该怎么压缩大小?

在网页设计中经常会用到切图,但有时候切出来的图片过大,那该怎么进一步压缩图片大小呢?一起来了解一下补救的方法。

切图教程,快速搞定IOS、安卓、PC切图插图

切图教程,快速搞定IOS、安卓、PC切图

距离上次讲完(PS CC2015切图有一段时间了),上次由于刚开始用,好多实用、方便、准确、快捷的方法没有发现,这次在分享一遍完整版,已经用过的可以绕道而行,没有用过的希望对你有所帮助。 方法简单,几分钟就能

Photoshop和DW进行网页模板切图教程插图

Photoshop和DW进行网页模板切图教程

本教程主要似乎用Photoshop结合DW给网页模板切片,下面让我们一起来学习

网站PSD模板切图为XHTML+CSS的网页实例(12)插图

网站PSD模板切图为XHTML+CSS的网页实例(12)

之前教了大家做网站PSD模板,那么,做好后怎样在实际中应用呢??怎样把这样做好了的模板切图为XHTML+CSS的网页呢??现在我们就来看一下设计好的模板切图的实例教程 现在我们来看看如何将这个概念设计转化为完整的由XHTM

网站PSD模板切图为XHTML+CSS的网页实例(2)插图

网站PSD模板切图为XHTML+CSS的网页实例(2)

接下来导出的是主体内容区,画出另一个大的选区,其重要包括整个中部面板当然别忘记那些带有效果的地方比如阴影,半透明的边框等,都要一一包含在内。注意还要考虑到头部复杂的透明度的导航区域,所以选取应该直接

网站PSD模板切图为XHTML+CSS的网页实例(11)插图

网站PSD模板切图为XHTML+CSS的网页实例(11)

订阅的选项似乎总是在IE下面会有问题,这个只需要简单地加上 display: inline在列表中就能解决。 改完这些问题后这个正在做的网站就恢复正常勒,像一个wordpress主题鸟,当然想要更多的东西必须在加入更多的代码,

网站PSD模板切图为XHTML+CSS的网页实例(10)插图

网站PSD模板切图为XHTML+CSS的网页实例(10)

搞定后又可以用浏览器YY下,重复的背景上面是坚实的文本啊! 大体效果就这么搞定了, 设计 稿的内容基本上也都呈现出来了,这时候你可以换着浏览器和分辨率来看看有没有问题以及模拟链接的效果比如鼠标on啊 鼠标点

网站PSD模板切图为XHTML+CSS的网页实例(9)插图

网站PSD模板切图为XHTML+CSS的网页实例(9)

接下来就可以在浏览器里面看到侧边栏鸟~注意别让内容超过了图片的宽度,及时的截断下看看效果就好啦(毕竟只是html的~) 记下来我们快速的搞定继续阅读和评论等这个位置的东东 继续给这些元素添加样式,用一个特

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部