-
Web表单设计之注册表单
所属栏目:[产品] 日期:2018-10-16 热度:183
必须面对的问题有:用户不喜欢提交表单。然我们的目的是让用户愿意提交表单。 下面是一个关于web表单设计的调查报告,这个结果来源于100个令人瞩目的网站。 注册表单设计调查 1.表单的安置 1.1注册表单链接的标题是怎么样的? 当用户想要加入某个时,他们[详细]
-
弹出窗口与切换页面的对比总结
所属栏目:[产品] 日期:2018-10-16 热度:176
分享较早前的一个小总结,关于在选择弹出窗口还是选择切换页面来承载信息时,可用用来判断的几个角度,合适初学者来读。 1.弹出窗口与切换页面的区别 1) 操作的连贯性 弹出窗口的速度会比打开一个页面的速度要快,响应更及时一些,点击后可以比较快的得到[详细]
-
网页设计经常出现的8个问题与解决方法
所属栏目:[产品] 日期:2018-10-16 热度:66
1.超链接访问过后hover样式就不出现的问题? 被点击访问过的超链接样式不在具有hover和active了, 解决方法是改变CSS属性的排列顺序: L-V-H-A ps:好在自己一开始书写时就没有把这四种样式写全过,我只写 a:link ,a:hover ,一直也没出现什么问题,后来发现[详细]
-
那些隐藏在LOGO下潜在的含义 你知道吗?
所属栏目:[产品] 日期:2018-10-14 热度:151
一个简单的Logo设计往往传递着很多潜在信息,作为一个设计师,我们需要能够察觉到这些隐藏的含义。本文将解释那些伟大的Logo背后的潜在含义,希望这对你的将来的设计有帮助。 我在这里说明一下,老外对名称的首字母和缩写很在意,因此很多Logo都会隐藏的传[详细]
-
如何在低速率网络中测试 Web 应用
所属栏目:[产品] 日期:2018-10-14 热度:158
大家看到标题后的第一个问题可能是:我们需要这样做吗? 如果我们开发的是局域网 Web 应用的话,可能没有必要这样做。但如果我们的 Web 应用面向的是互联网上的成千上万的用户,这样做就很必要了。因为在现实世界中并不是所有的用户都有高数率的网络连接,[详细]
-
web前端开发中的一些常用技巧总结
所属栏目:[产品] 日期:2018-10-14 热度:190
自己前端开发中常用到的一些技巧及问题解决方法,会常更新,希望对前端路上的朋友有帮助. 1.文章标题列表中日期居右显示的方法: pspan2010-10-10/span@Mr.Think这是文章标题/p 然后定义span右浮动: p span{float:right}其实这种方法可以延伸到很多情况下,很[详细]
-
Firebug Lite,IE 下调试网页兼容性
所属栏目:[产品] 日期:2018-10-14 热度:181
作为一个初出茅庐的前端开发工程师,没有私房的小工具,那纯粹是扯淡。Firebug 扩展作为最具典型的 Firefox 插件,一直被网页设计开发人员津津乐道。现在庆幸的是, Chrome 也有了自己的开发者工具栏,使得网页兼容性调试不再难。 说到 IE 浏览器下的调试[详细]
-
关于用户体验量化的一些事
所属栏目:[产品] 日期:2018-10-14 热度:101
从去年年底到今年年初,我分三次将自己读书时候的文章《用户体验量化方法研究》通过UED博客进行了连载。来自各界的热心网友对此文进行了评论,有反对的、有提出疑议的、有给出诸多建议的。而上周通过碳酸饮料会和大家分享这篇文章时,相关同事们也给予了最[详细]
-
IE6背景图片不缓存BUG的解决教程
所属栏目:[产品] 日期:2018-10-14 热度:129
IE6在背景图片缓存上有一个bug:它会每次都从服务器端读取背景图片。例如我们使用a:hover更换背景图片,在IE6下会出现每次鼠标滑过则重新向服务器请求图片,如果服务器反应较慢,那么hover效果就会出现短暂的空白,令人极度不爽。虽然可以通过CSS sprites的[详细]
-
前端开发常见图片格式详解
所属栏目:[产品] 日期:2018-10-14 热度:195
前端开发设计,打交道最多的就是图片啦~今天就来个图片格式讲解,也许一些围绕你的问题可以在这篇文章中找到答案 Gif格式图片的特点 透明性 Gif是一种布尔透明类型,既它可以是全透明,也可以是全不透明,但是它并没有半透明(alpha 透明)。 动画 Gif这种[详细]
-
Web Design 广告字体设计技巧
所属栏目:[产品] 日期:2018-10-14 热度:155
字体设计是人类商业活动的需求,它随着时代和科学技术的进步而不断地变化着。被广氾应用于网络生活的各个方面。现代字体设计在电脑技术的应用中已经深入到日常工作、生活的每一个角落。随着网页设计工作中各类需求的增多,越来越多类目的广告banner设计对字[详细]
-
W3C 网站验证的是是非非[组图]
所属栏目:[产品] 日期:2018-10-14 热度:112
W3C 验证让很多 Web 设计与开发者感到纠结,在自己的网页上放置一个验证按钮,点击以后,当看到 W3C 为你给出的全部是绿色对勾的时候,满足感油然而生,然而对这种机器验证的过度依赖往往带来另外的问题,本文讲述的是 W3C 验证中的一些是与非。 W3C Web 验[详细]
-
在服务端合并和压缩JavaScript和CSS文件
所属栏目:[产品] 日期:2018-10-14 热度:75
Web性能优化最佳实践中最重要的一条是 减少HTTP请求 ,它也是 YSlow 中比重最大的一条规则。减少HTTP请求的方案主要有合并 Java Script和CSS文件、 CSS Sprites 、 图像映射(Image Map) 和 使用Data URI来编码图片 。CSS Sprites和图像映射现在已经随处[详细]
-
Dreamweaver初始化出错无响应打不开的解决办法
所属栏目:[产品] 日期:2018-10-08 热度:167
今天要使用正则表达式查询一段代码,使用Dreamweaver软件,但老是停留在初始化位置,郁闷死了。 重启了好几次都是这样的,然后又换了一个绿色版的,也是同样的结果。 然后从网上搜索了一下,果然解决了。不得不佩服网络的强大力量,呵呵,现在把解决方案分[详细]
-
浏览器正则表达式检查插件
所属栏目:[产品] 日期:2018-10-08 热度:169
以前本站介绍过一个在线的《 正则表达式生成器 》,下面是两个在浏览器中检查正则表达式的插件, Firefox 的和 Chrome 的,希望对你有用。 1)Firefox: Regular Expressions Tester Firefox正规则表达式检查插件Regular Expressions Tester 2)Chrome: R[详细]
-
基于HTML5的在线可视化设计工具Maqetta安装使用
所属栏目:[产品] 日期:2018-10-07 热度:167
4月12日,来自 IBM Impact 2011 的消息,IBM发布 Maqetta,一个创建桌面和移动用户界面的HTML5设计编辑工具,并同时宣布将项目捐助给开源机构Dojo基金会。 Maqetta已经是开源项目,提供WYSIWYG可视化HTML5用户界面设计功能,仅需简单的拖曳操作,支持桌面[详细]
-
Adobe Edge Animate创建按钮与简单功能
所属栏目:[产品] 日期:2018-10-05 热度:52
以下为大家讲解如何使用Edge制作一个简单的按钮动画,使用到的方法: --Edge动画编辑 --简单的按钮制作 --对按钮添加 Java script控制代码 一、制作按钮: 1.使用Edge的圆角长方形(RoundRectangle)制作一个按钮图形 2.接下来添加文字 3.选中长方形和文字,[详细]
-
改变img的原始尺寸会严重降低渲染速度
所属栏目:[产品] 日期:2018-10-04 热度:154
最近在修改一个游戏框架时发现页面渲染效率骤降,CPU从原先的10%左右上升到50%(一个核已经满负载了),FPS也下降不少。经过一番调试,发现是其中的一个img元素引起的。和页面里其他img元素不同之处在于,这个图片的尺寸是通过脚本缩放的,难道图片的尺寸[详细]
-
英文的自动换行的问题与兼容性解决方法
所属栏目:[产品] 日期:2018-09-23 热度:66
自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法 对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 h[详细]
-
动态宽度的框架设计:等宽导航栏
所属栏目:[产品] 日期:2018-09-20 热度:54
随着宽屏显示器的流行,越来越多的网站采用了动态宽度的设计,以求页面在宽屏显示器上保持美观(960px的网页在23寸的显示器上只有半个屏幕的宽度)。动态宽度的框架设计比较复杂,今天只说说和屏幕等宽的导航栏的设计。 等宽导航栏(我不知道这个名称合不合适[详细]
-
定位层始终保持在当前可见屏
所属栏目:[产品] 日期:2018-09-20 热度:138
看到过很多这样的广告,页面两边各放一个方块图片广告,拖动滚动条时广告随之动滚,始终停留在当前屏幕的下方或上方。对于这种漂浮广告,我相信很多用户都非常不爽! 看下面两个图的应用。当同一种技术实现的效果被应用在了不同的地方,就产生了明显的体验[详细]
-
使用!important解决IE与FF的布局差别
所属栏目:[产品] 日期:2018-09-20 热度:160
初学div+css网页布局的设计者常常会被一个问题困扰着。在IE和其他(Mozilla、 Opera 等)浏览器里显示的效果常常会偏差2px。这是因为IE对盒之间距离的解释的bug造成的。一个技巧提示帮我们找到了解决的方法:用!important。 !important是CSS1就定义的语法,[详细]
-
Blockquote实现引用文本块的引号效果
所属栏目:[产品] 日期:2018-09-20 热度:69
使用一个blockquote添加两张引号图片实现引用文本引号效果。方法是分别在blockquote和blockquote:first-letter添加背景图片。 1.html源代码 blockquoteHello, I am a double quote.../blockquote Copy to Clipboard 引用的内容:[www.veryhuo.com] 2.样式[详细]
-
Web设计经验:网页布局中的黄金分割
所属栏目:[产品] 日期:2018-09-20 热度:133
数学 是优美的. 听上去有点奇怪? 当我第一次开始设计作品的时候,我确信如此。数学如此刻板乏味。你可能会惊讶的发现,最美观的设计,艺术作品,物体,甚至我们人都有数学上的共同点。尤其是黄金分割,也被称为神之比例,希腊字母表示其为 (phi). 本教程会[详细]
-
网页基础教程:如何设计网页布局?
所属栏目:[产品] 日期:2018-09-20 热度:120
这是初学者可能会问的问题,其实这要具体情况具体分析的:比如如果内容非常多,就要考虑用国字型或拐角型;而如果内容不算太多而一些说明性的东西比较多,则可以考虑标题正文型;那几种框架结构的一个共同特点就是浏览方便,速度快,但结构变化不灵活;而如果[详细]