网页设计的平面构成排版能力的介绍

什么东西都离不开基础,建房子需要地基,解方程式需要先学会乘法表,唱歌需要先会“哆、来、咪”。页面设计也同样需要基础,这个基础就是平面构成。 网页设计风格种多样,除去一些场景化设计和给力的素材支持,剩下的就全靠平面构成和排版了。刚开始接触网页设计的时候,常常... 查看详情
收藏 0 赞 0 分享

网页设计中的细节分析详谈

在设计的工作中,很多时候会听到参加评审的设计师或者是某些领导说,这设计稿细节不够啊。设计师有时就会很委屈:"我都已经细化到像素级别了啊,为什么还说细节不够呢?什么是细节呢?"这篇文章,结合一个具体的示例来描述下我对设计细节的理解。  先说下设计细节具体是什么。... 查看详情
收藏 0 赞 0 分享

5个响应式设计不值得搞的原因(图文)

本文来自 Tom Ewer 的Managewp blog撰文,表达了其对时下风靡的响应式设计不一样的看法。  转向移动设计是比PC革命更大的革命——Kevin Lynch, CTO, Adobe  到2014年,会有更多的人用移动设备代替PC端访问互联网,... 查看详情
收藏 0 赞 0 分享

9种超实用CSS技巧帮助设计师和开发者

一个网页设计师脑子里一定会被大量与他的工作有关的知识填满。而说到CSS,它可以帮助对网站进行设计,让设计具有更多的可能性,用更简单的方式让你的网站更具吸引力,而使用传统的技术这些方面并不容易面面俱到。对于前端,页面而言,CSS的确是一门首选需要掌握的技能。以下就是9种非常实用的C... 查看详情
收藏 0 赞 0 分享

网页设计中的交互:关于分页问题的浅谈

  作用:跳转到上一个页面或下一个页面。  元素:分页的基本元素有:上页+页码+下页(如标注1);总页码(如标注2);跳转页(如标注3);确认"按钮(如标注4);  场景:根据以上这些基本元素在不同的场景会有不同的组合  (场景1)19楼论坛:  论坛页面数量多的时候会... 查看详情
收藏 0 赞 0 分享

五件优秀的用户体验设计师所应该做好的事(图文)

本文译自博客Usability Counts,译者@C7210 。原文作者Patrick Neeman是用户体验设计师,供职社会化招聘公司Jobvite任用户体验总监。  在文中,作者就提出“真正的用户体验设计师懂得持续改进“人”、&ldquo... 查看详情
收藏 0 赞 0 分享

33 个最棒的免费英文字体分享

ChunkFiveFree Typefamily CuprumJAH I Free fontYesevaBouclettesFlorenceBobber TypefaceEartheartRPM 45Static free fontArabian Knight fontCoral... 查看详情
收藏 0 赞 0 分享

如何制作百度死链文件的方法介绍

百度官方所定义的死链接格式一共有两种方式:一:xml格式死链接文件我们知道xml格式常见于网站的地图,特别是google的地图(如sitemap.xml)。在一般情况下大多数站长对于制作网站的sitemap.xml地图文件都采用了一些软件或者常见的xml在线生成工具以及程序自带的... 查看详情
收藏 0 赞 0 分享

网页设计技巧:iframe自适应高度的问题

可能有人还没接触到这个问题过,先说明一下,什么是自适应高度吧。所谓iframe自适应高度,就是,基于界面美观和交互的考虑,隐藏了iframe的border和scrollbar,让人看不出它是个iframe。如果iframe始终调用同一个固定高度的页面,我们直接写死iframe高度... 查看详情
收藏 0 赞 0 分享

网页色彩对比与调和技巧分享

色彩对比与调和在对比状态下,色彩相互作用与单一色彩所带给人的感觉不一样,这种现象是由视觉残影引起的。当我们长时间注视某一彩色图像之后,再看白色背景时,眼前会出现色相、明度关系大体相仿的补色图像。如果背景有彩色,残影就会与背景色混合,成为由补色残影所形成的视觉效果。色彩调和是指将两... 查看详情
收藏 0 赞 0 分享

网页色彩性质的分类

色彩性质的分类任何颜色都可以使用三原色——红、绿、蓝组合而成,三原色中只有红色是暖色,所以要判断作品颜色的冷暖,可以依据红色成分的多少而定。色调主要由明度与彩度组合而成,用来表示颜色的状态。■ 暖色调暖色调包含红紫、红、红橙、橙、黄橙,这类色彩给人很强烈的... 查看详情
收藏 0 赞 0 分享

使用Photoshop 制作网页线框图简单实用

  这篇文章向大家介绍一套免费的 Photoshop 线框图套件,这个线框图套件中包括通知、图片和视频,表单字段,标题,段落,项目符号列表,导航,广告横幅和普通网站的元素,如:搜索框,电子邮件注册表单等等。   这个套件的使用非常简单。新建一个空白的 Photoshop... 查看详情
收藏 0 赞 0 分享

CSS使用技巧总结

最近,我开始升级网志了。 在修改模板的过程中,需要重写CSS样式表。正好看到instantshift.com有一篇CSS常用技巧的总结文章,我就把它整理出来,供自己参考,也希望对大家有用。 未来,本文将持续更新。 1. 文字的水平居中 将一段文字置于容器的水平中点,只要设置tex... 查看详情
收藏 0 赞 0 分享

Web设计师如何制作Retina显屏设备的图片

特别声明:此篇文章根据Chris Spooner 的英文文章《How to Create Retina Graphics for your Web Designs 》进行翻译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。苹果公司发布了更多的产品适应R... 查看详情
收藏 0 赞 0 分享

JPG,GIF及PNG各类型的图片格式详细解说

大家都知道网页上面的图像一般用jpg、gif和png这几种格式,他们有什么区别,看了下面的内容后你可能会有了自己的结论。 -------------------------------------------------------------------------------... 查看详情
收藏 0 赞 0 分享

组件化的前端开发流程详细说明

背景 做前端的同学都知道,做的页面多了,东西就会乱,因此我们需要统一一个开发流程。开发流程的好坏,直接影响着页面开发的效率,间接影响游戏的时间。 开发流程的目标 可以快速完成页面。 通过组件化的方式,保证代码重用,避免重复劳动。 保证页面上线后能够高效运行。 开发流程的范畴 文件... 查看详情
收藏 0 赞 0 分享

我们在囧途之UI工程师职业感慨

我已经郁闷了很久,为啥呢?前段时间接到客户的投诉,说是给他们的软件不好使,说是换了个浏览器点了一点反应都没有。于是boss第一反应就把这个投诉转接到了我们UI部,由于该软件的UI是我设计的,于是擦屁股的自然是我来。 我是一名还不算特别优秀的UI工程师,这个要先说明一下UI不是美工... 查看详情
收藏 0 赞 0 分享

分享8款提高网页设计出色的CSS工具

当一个人需要编辑或修改网站设计,CSS发挥着重要的作用。使用css编码可以提高网页速度,网页的美观度,更好的控制页面布局,工具有方便新手开发者和设计者轻松学习这种语言及其功能因此选择好的CSS工具可以帮助网页编码人员编写出高质量的代码。今天就给大家分享8款非常出色的CSS工具,这... 查看详情
收藏 0 赞 0 分享

div 盖在flash上面 flash透明方法实现将DIV层放在flash上面

有两种:(浏览器不同) 一、IE浏览器下可用 复制代码代码如下:<param name=”wmode” value=”transparent” /> 二、firefox下可用 复制代码代码如下:<embed src... 查看详情
收藏 0 赞 0 分享

一个新的CSS图片替换的技巧(背景显示与文本移离屏)告别9999px

-9999 px的形象替代技术已经流行了一个十年最好的部分。替换一个文本元素和一个图像,您可以使用下面的代码: 复制代码代码如下: <h1>This Text is Replaced</h1> <style> h1 { background: ... 查看详情
收藏 0 赞 0 分享