-
非设计师应该如何评论界面设计
所属栏目:[产品] 日期:2018-11-08 热度:113
原文题目: How To Critique An Interface 作者:Aza Raskin 译者:郝晓茹 我们经常需要叫非职业设计师来评判界面设计的好坏。也许你是老板,要评估自己的新网站设计情况,或者你是项目经理,要查看你的设计师制作的网站模型。你该在网站界面设计中发现什[详细]
-
Google font api,webfont 与中文
所属栏目:[产品] 日期:2018-11-08 热度:59
Google昨天在Google I/O大会上发布了一个新的服务 Font API,这是一个很酷的东东,可以让我们很方便的使用网络字体,而且这些字体都是免费的,你无需担心版权的问题。 Google Font API使用起来也非常方便,从下面的例子中可见一斑: @font-face { font-fam[详细]
-
网站开发经验:IE对页面资源的限制
所属栏目:[产品] 日期:2018-11-08 热度:120
在实际的网站开发中,我们经常会发现 IE浏览器 对资源的限制,这让人很郁闷,在不了解的时候,会浪费我们很多时间去捉虫。现在我们将IE对页面资源的限制列出来,在开发中避免这些限制。 最多只支持引入3层@import CSS文件; 最多只支持@import 32个CSS文件[详细]
-
电子商务搜索LIST列表页面用户体验设计
所属栏目:[产品] 日期:2018-11-08 热度:92
改版背景 创建专业的电子商务垂直搜索,以及把原有的信息聚合平台转型为在线采购批发交易平台。根据行业特点及交易需要,对原有的零批(小额批发)搜索进行改版,改造为适合行业搜索交易频道,便是这次改版的设计目标。我们搜索产品线的产品经理与用户体验设[详细]
-
制作移动友好网站的十一个优秀解决方案
所属栏目:[产品] 日期:2018-11-08 热度:61
看起来,现在几乎每个人都拥有一款自己的手机,随着智能手机日益普及,越来越多的人们开始使用他们的移动设备来访问互联网。尽管有些手机,如 iPhone等拥有自己的浏览器适应正常的网页,一个移动版本的网站可能就意味着更多的好处,如下载速度更快,并确保[详细]
-
静态页面与动态页面各自的执行机制简析
所属栏目:[产品] 日期:2018-11-08 热度:134
静态页面,是指网页中只有HTML标记,只要WEB开发人员没有修改过这些HTML标记,页面内容就不会更改。 静态页面的工作机制: 1.使用HTML编写静态页面,发布到WEB服务器端; 2.客户端通过浏览器请求该静态页面; 3.Web服务器根据请求定位该静态页面; 4.该静态页[详细]
-
跨浏览器开发经验总结(二) —— CSS
所属栏目:[产品] 日期:2018-11-08 热度:137
css hack的使用 CSS类级别的hack 仅IE7识别 *+html {} IE6及IE6以下识别 * html {} opera、safari、chrome识别: @media all and (min-width: 0px){} // Firefox 3.0.6不识别,但Firefox3.6 也识别该规则,如果Firefox版本有严格要求,请使用下一条规则 @[详细]
-
跨浏览器开发经验总结(一) —— HTML标记
所属栏目:[产品] 日期:2018-11-08 热度:105
为页面添加DOCTYPE 由于不同浏览器对标签,样式表的解释不尽相同,所以需要为html文件定义一个标准的文档类型,使不同浏览器尽量按照一个统一的html标准来解析渲染页面。 !DOCTYPE 声明指定文档遵从的 DTD,如: !DOCTYPE HTML PUBLIC -//W 3C //DTD HTML 4.0[详细]
-
译文:设置HTTP文件下载四要诀
所属栏目:[产品] 日期:2018-10-18 热度:126
网站不仅仅只包含网页,有时你需要提供用户能下载的文件。将你的文件放到服务器上并在网页中附上链接只是第一步,你还需意识到HTTP响应的头文件影响文件下载。 提示一:强制下载并控制文件名 在HTML中提供一个下载链接很简单: a href=http://download.htt[详细]
-
Flash对象在(x)HTML中的格式和参数及安全性
所属栏目:[产品] 日期:2018-10-18 热度:65
Flash对象在(x)HTML中的格式和参数及安全性 这是份总结,有不恰达的地方欢迎一同讨论 联系方式 : 龙藏 longzang@taobao.com 点击这里全幅围观 或者点下面大图去 slideshare.net 站点围观: Flash对象在(X)Html中的格式和参数及安全性 PDF下载: Flash对象[详细]
-
交互设计实用指南:操作入口明确
所属栏目:[产品] 日期:2018-10-18 热度:191
交互设计实用指南:操作入口明确 操作入口明确,就是指产品的任何一个功能都要有明确、合理的入口。操作入口,指的是产品内部不同模块之间的转接元素,例如在Web产品中,按钮控件、输入框、文字链等都属于操作入口;明确指的是入口的视觉感是清晰的、可识别[详细]
-
深色调网页设计的一些注意事项
所属栏目:[产品] 日期:2018-10-18 热度:78
深色调的网站设计能营造出简洁、富有创造性的效果。尽管这样,但很多设计师不知道如果有效的使用它来打动、吸引浏览者。深色调网页设计经常出现的问题是不易读、没有吸引力、很少打破传统的设计模式。 最近的调查显示有超过47%的大众用户更喜欢亮色调的网[详细]
-
IE6 下 a:hover 的 BUG 及解决方法
所属栏目:[产品] 日期:2018-10-17 热度:127
写页面的时候遇到一个IE6的BUG,不知道大家有没有见过: 当鼠标点到链接,触发a:hover效果后, .column的padding-top会翻倍,仅在IE6下有这个问题, 解决的办法倒是有,就是不知道为什么会出现这种BUG !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//[详细]
-
网页设计师必备:优秀网页设计的十条准则
所属栏目:[产品] 日期:2018-10-17 热度:199
一、优秀的设计应该是创新的 创新的可能性是永远存在并且不会消耗殆尽的。科技日新月异的发展不断为创新设计提供了崭新的机会。 同时创新设计总是伴随着科技的进步而向前发展,永远不会完结。 二、优秀的设计让产品更加实用 产品买来是要使用的。 至少要满[详细]
-
网页表单中的行为也分主次
所属栏目:[产品] 日期:2018-10-17 热度:180
原文地址:Primary Secondary Actions in Web Forms 作者介绍:Luke Wroblewski,目前在Yahoo!担任首席设计师(Chief Design Architect),主要进行互联网、移动设备、电视等等产品线及前瞻性的客户体验整合。在这之前他曾是eBay公司平台组的用户界面设计[详细]
-
Web 设计中的 5 个最具争议性的话题
所属栏目:[产品] 日期:2018-10-17 热度:142
在 Web 空前繁荣的今天,有关 Web 设计中的各种观点很多会成为话题,有的很快达成一致,有的则一直争议下去,本文讲述 Web 设计中的 5 大经典争议,这些争议从它们诞生的那天起,就被正反两方争得不亦乐乎。 争议之一:链接是否应该在新窗口打开 正方: 外[详细]
-
一个好的网页需要什么?
所属栏目:[产品] 日期:2018-10-17 热度:101
序言 接着上一篇文章,在本篇文章中,我们将考察The Dung Beatles乐队网站的内容,以了解好的Web站点和网页需要包含些什么要素。 你们尚不需要去研究网站和网页的基础代码,而只需考察不同的网页,思考其中应该包括哪些要素,并思考一些关键性的问题,如一[详细]
-
空气冷却数据 真的好用吗?
所属栏目:[产品] 日期:2018-10-17 热度:117
液体冷却,顾名思义,是一种基于液体冷却的系统通过需要冷却的设备周围的管道泵送液体,这种液体吸收IT设备产生的热量并将其带走。另一种正在开发的液体冷却技术是射流冲击,这种方式将液体射流引向需要冷却的设备。该方法最适合具有高热通量能力和非常规形状[详细]
-
IE8 滤镜(filter:alpha)与png透明失效的问题
所属栏目:[产品] 日期:2018-10-04 热度:68
IE8 的有些特性,往往因为一些神秘的不明原因而导致失效。昨又碰见了俩。其实这个也不是昨碰见的,好长一段时间了,只是一直没花时间去解决它,到昨儿才去寻医问药。 先说第一个,filter:alpha失效。症状是这样的,在我的IE8,类似filter:alpha(opacity=35[详细]
-
网页下拉菜单被select框遮盖的解决方法
所属栏目:[产品] 日期:2018-10-04 热度:68
导航的下拉菜单被靠近导航的select框遮住了,这个情况只在IE6情况下发生,属于IE6的一个缺陷,先不管多么痛恨IE的种种不是吧,现在网上比较流行的方法目前大致有三种: 1.点击下拉菜单隐藏select //我觉得这个方法不太实用 2.把下拉菜单放在iframe元素上面[详细]
-
定位层始终保持在当前可见屏
所属栏目:[产品] 日期:2018-10-04 热度:99
看到过很多这样的广告,页面两边各放一个方块图片广告,拖动滚动条时广告随之动滚,始终停留在当前屏幕的下方或上方。对于这种漂浮广告,我相信很多用户都非常不爽! 看下面两个图的应用。当同一种技术实现的效果被应用在了不同的地方,就产生了明显的体验[详细]
-
使用!important解决IE与FF的布局差别
所属栏目:[产品] 日期:2018-10-03 热度:106
初学div+css网页布局的设计者常常会被一个问题困扰着。在IE和其他(Mozilla、 Opera 等)浏览器里显示的效果常常会偏差2px。这是因为IE对盒之间距离的解释的bug造成的。一个技巧提示帮我们找到了解决的方法:用!important。 !important是CSS1就定义的语法,[详细]
-
Blockquote实现引用文本块的引号效果
所属栏目:[产品] 日期:2018-10-03 热度:154
使用一个blockquote添加两张引号图片实现引用文本引号效果。方法是分别在blockquote和blockquote:first-letter添加背景图片。 1.html源代码 blockquoteHello, I am a double quote.../blockquote Copy to Clipboard 引用的内容:[www.veryhuo.com] 2.样式[详细]
-
Web设计经验:网页布局中的黄金分割
所属栏目:[产品] 日期:2018-10-03 热度:106
数学 是优美的. 听上去有点奇怪? 当我第一次开始设计作品的时候,我确信如此。数学如此刻板乏味。你可能会惊讶的发现,最美观的设计,艺术作品,物体,甚至我们人都有数学上的共同点。尤其是黄金分割,也被称为神之比例,希腊字母表示其为 (phi). 本教程会[详细]
-
网页基础教程:如何设计网页布局?
所属栏目:[产品] 日期:2018-10-03 热度:173
这是初学者可能会问的问题,其实这要具体情况具体分析的:比如如果内容非常多,就要考虑用国字型或拐角型;而如果内容不算太多而一些说明性的东西比较多,则可以考虑标题正文型;那几种框架结构的一个共同特点就是浏览方便,速度快,但结构变化不灵活;而如果[详细]
