欢迎访问web记录!每一步的成长都是一种幸福,聪明的女孩擅长记录幸福!

前端开发

  • 构图攻略之满版构图

    1.当排版需要营造出丰富饱满、轻松热闹的效果时,那么可以使用【满版构图】的方式,这里先来带同学们浏览一下有关于满版构图的案例图片。 2.满版构图的优点有:亲和力、冲击力、热闹/欢快、饱满丰富、趣味性,这里通过案例图片进行一一介绍。 3.当然满版构图...

  • 构图攻略之中心构图

    1.【中心构图】可以很好的凸显主体,让版面信息主次封面能够很好的提高信息的传达效果以及传达效率,并且可以将主体更加的聚焦醒目。 2.这里通过一些案例文件来讲解一下中心构图的设计思路,在使用中心沟通的时候通常采取的方式有:放大主体、色彩对比、明暗...

  • 构图攻略之对称构图

    1.对称构图将版面分割为两部分,通过设计元素的布局让画面整体呈现出对称的结构,具有独特的美感;对称构图的优点:平衡稳定、严禁秩序、经典完美。 2.对称构图的形式:中心对称,将图形和文字信息放置在画面中轴线上,采用居中对齐的排版形式,呈现出对称的...

  • 构图攻略之倾斜构图

    1.倾斜构图是版面整体或部分元素以倾斜的角度呈现在画面上,打破常规构图横平竖直的视觉思维,可以产生不稳定的动感,画面显得更具创意性。 2.倾斜构图的作用:1.动感、冲击力2、活泼、欢快3、紧张、刺激 3.倾斜构图的形式:1.整体倾斜2.主体倾斜3.文字倾斜4...

  • 构图攻略之左右构图

    1.左右构图是将画面内容分为左右两个部分,或通过设计元素的布局让画面整体的左右分布趋势。 2.最典型的左右构图是左图右字或者是右图左字,文字和图片各占据一部分形成左右两部分独立的空间。 3.通常左右构图的版面设计有五种分别为:1比1、1比1.618、1比1....

  • 构图攻略之上下构图

    1:1把画面评分为上下两部分,形成对称均衡的分割构成,多用于版面中两部分内容处于并列或者对立的关系。 1:1.618最具美感的分割比例,具有严谨的艺术性和谐性,蕴藏着丰富的美学价值. 1.414:1白银分割比例,广泛运用在版式设计的布局中。...

  • 几个图层,为什么PSD文件这么大?

    不知道有多少人被这个问题困扰过,总有那么几个 PSD 文件,明明只有几个图层而已,图层内均没有特别大的图片,但 PSD 文件却特别大,至少都比合理的大小超出几倍。而且在设计过程当中,保存时也会出现明显的卡顿现象。而且的而且,在 Mac 中是以 PSD 类型的...

  • ps-制作3D贴图

    1、ps制作一张这样的图,滤镜3D生成凹凸图 2、ps制作一张这样的图,滤镜3D生成法线图...

  • ps怎么打开webp格式的图片

    webp格式是Google推出的一种图片格式,webp基于VP8编码,可对图像大幅压缩。分享一款可以打开/编辑/转换webp格式PS插件。安装此插件后,PS就可以直接打开和编辑webp图像了。 虽然WebP也是一种有损压缩格式,但在画质相同的情况下,WebP格式能比JPEG图像小40%...

  • ps把一张图片的颜色调成与另一张图片相似的颜色

    ...

  • ps如何让图片有弧度的弯曲

    编辑变换路径旋转90度 滤镜扭曲切变(以整个画布做为参考切变) (1)...

  • 毛笔字体汇总

    1.书体坊兰亭体 2.书法颜体 3.毛笔狂草 4.李旭科草书书法 5.启笛体 6.彦晨清酒 7.汉仪雪君 8.博洋楷书 9.方正草书 11.曾正国行楷 12.柳功权柳体 13.邱氏瘦金书 14.毛笔字楷书 15.良怀行书 16.铁山楷书 17.行书书法 18.中山行书字体 19.蔡云汉行书书法 20.蔡...

  • 网页常到脚本

    判断手机端后跳转到手机页面代码:/wj/mobile.js script src=/wj/mobile.js type=text/javascript/script...

  • 解决Sublime Text 3在GBK编码下的中文乱码问题

    大家如果是在官网下载的Sublime Text 3,那么首先需要安装一个 Package Control包,这是一个用来安装其他插件的包,不管装什么插件,首先要先装这个包才行。 按ctrl+~快捷键,调出一个小文本款,然后粘贴以下代码: import urllib.request,os,hashlib; h = 7...

  • sublime text 3 取消自动检查更新的解决办法以及注册的方法

    在使用sublime text 3的时候,有自动更新的话再打开的时候总是提醒更新,这让我这个强迫症重度患者非常难受,要取消自动检查更新,点击菜单栏Preferences= Settings-User将里面修改为如下: { color_scheme: Packages/Colorcoder/Monokai (Colorcoded).tmThe...

  • 去除css冗余

    用Firefox下载组件Dust-Me Selectors,就可以轻松去除多余css样式了。...

  • css3伪类选择器

    ...

  • css3选择器

    css2...

  • 响应式布局使用@media screen解决移动web开发的多分辨率问题

    响应式布局简明示例,响应式布局最好同时也是自适应布局,然后再配合css3媒体查询,来达到完美的响应式布局。 css3的媒体查询ie9一下是不支持的,这太遗憾了,不过幸运的是有大神已经为前端屌丝们写好了用于IE9以下的媒体查询脚本文件,引用方式如下: !--[i...

  • js判断是移动端还是pc端

    运行当页面的时候,执行到js会判断来自于移动端还是pc端,如果是移动端则跳转到移动端的网站,pc端的跳转的pc端。 var browser={ versions: function (){ var u=navigator.userAgent,app=navigator.appVersion; return { //移动终端浏览器版本信息 trident:u...

前端案例

返回顶部 欢迎访问web记录!每一步的成长都是一种幸福,聪明的女孩擅长记录幸福!