怎样通过UI辅助说明文字,有效的提升用户体验 In Blog, 设计  @2013-01-25 1,593 Vs

怎样通过UI辅助说明文字,有效的提升用户体验

用户在网站中的行为具有高度的目标驱动性。人们总是有目标要去完成,无论是购物结算、寻找问题的解决方法还是单纯的浏览内容信息。因此,用户体验设计及UI设计的一个重要使命,就是通过合理的设计元素,帮助和引导用户完成特定的行为。譬如,如果你在设计一个用来将商品放进购物车的按钮,那么增加一定的阴影效果会使按钮看上去更加突出,有利于让用户明白这是一个可点击的按钮元素。 (更多…)

打签» , ,   评论» 3枚

界面设计中的结构设计 In 设计  @2012-12-11 1,613 Vs

构建界面视觉层级的元素有颜色的显著程度,图片、文字的尺寸大小,还有最基础的,内容的组织结构。

结构设计是指对界面内容进行分组,对界面中的信息、数据进行设计使之结构化呈现的过程。 (更多…)

打签» , ,   评论» 抢沙发

浅谈视觉设计与交互设计 In 设计  @2012-11-28 1,792 Vs

浅谈视觉设计与交互设计

整个产品设计的过程中,视觉设计与交互设计的“工序”非常紧密,两者关系也是相辅相成,互相影响。而视觉界面作为最直接与用户交流的层面,如何把交互设计以良好表现形态展现给用户,这里主要集中探讨视觉在提升交互的可用性方面的作用: (更多…)

打签» ,   评论» 抢沙发

ie火狐下最小,最大高度适应(让IE支持min-height 最小高度) In Blog, 前端  @2012-11-22 3,058 Vs

让IE支持min-height 最小高度

mrjin {
background:#ccc;
min-height:100px;    /*高度最小值设置为:100px*/
height:auto !important; /*兼容FF,IE7也支持 !important标签*/
height:100px; /*兼容ie6*/
overflow:visible;
}最大宽度…主流浏览器IE对max-width是不支持的,对这一属性的设置在IE中是无效的。同样的对min-width的设置也是无效的。#commentlist img {
width: expression(this.width > 500 ? 500: true);
max-width: 500px;
}
#woaicss {
width:100%; /*FF来说是有效的。而对于IE则没有作用/*
max-width:500px;
width:expression(document.body.clientWidth > 500? “500px”: “auto” );
background:#c00;
margin:0 auto;
line-height:30px;
}/*expression与Javas cript表达式关联起来,对浏览器要求较高1E5以上使用。不建议常用*/ (更多…)
打签» , ,   评论» 抢沙发

网页特殊符号HTML代码大全 In 前端  @2012-10-09 2,862 Vs

HTML特殊字符编码大全:往网页中输入特殊字符,需在html代码中加入以&开头的字母组合或以&#开头的数字。下面就是以字母或数字表示的特殊符号大全。

(更多…)

打签» , ,   评论» 抢沙发

js控制的回到顶端goTop的使用代码 In 前端  @2012-09-19 31,569 Vs

可以直接引用在一个单独的javascript独立文件中,javascript直接创建DOM (更多…)

打签» , , ,   评论» 1枚

HTML,CSS,font-family:中文字体的英文名称 (宋体 微软雅黑) In 前端  @2012-09-13 310,993 Vs

宋体 SimSun
黑体 SimHei
微软雅黑 Microsoft YaHei
微软正黑体 Microsoft JhengHei
新宋体 NSimSun
新细明体 PMingLiU
细明体 MingLiU
标楷体 DFKai-SB
仿宋 FangSong
楷体 KaiTi
仿宋_GB2312 FangSong_GB2312
楷体_GB2312 KaiTi_GB2312

(更多…)

常用CSS命名规则 In 前端  @2012-09-12 2,344 Vs

在XHTML中定义ID时都用得上的,主要是方便CSS定义样式时能一眼看穿。所以最好就是能够归范命名的规则。

而平时我们也会简写一些 (更多…)

打签» , ,   评论» 2枚

ie下li标签中span加float:right不换行问题解决方案 In 前端  @2012-09-04 4,812 Vs

在IE6,IE7下使用标签时,在加入右浮动样式(float:right)后,会换行的bug解决方案:
bug案例:新闻列表中,为使时间右对齐,加右浮动产生换行

产生原因分析: Span本身虽然是内联元素,但加上浮动后它就变成了块级元素了,所以才会自动换行,浮动元素的顶端不能高于先于它出现的浮动元素或段落的顶端。 解决方案: 1. span和a标签交换位置.

缺点:语义结构发生改变,不合逻辑.
2.
a加左浮动,span加右浮动
3.
使用IE hack 在span标签中加入只有IE6,7可以识别的样式

*margin-top:20px;
_margin-top:20px;

说明,使换行的部分根据margin-top再呈现出来.
4.最佳方案

li{position:relative;}
li span{position:absolute ;right:0px;}

注:在li标签中使用positon:relative,在li span中使用absolute绝对定位来使span内容重新定位。

打签» , ,   评论» 4枚

CSS Sprites技术及其优化 In 前端  @2012-08-25 1,497 Vs

Sprites pic

CSS Sprites 技术对于广大的前端工程师来说应该是一点也不陌生。这个被国内开发者昵称为CSS精灵 CSS雪碧的家伙到底解决了什么问题,我们又怎样合理使用这个技术呢?下面让我们详细的聊聊。

在大家还在拨号上网的“远古时期”,由于网速的限制,页面开发者都喜欢把网页里面的图片字节数控制的非常小,往往在一个图片文件夹里散落着n多的小碎图。随着网络技术的发展,网速的提升,大家越来越重视页面的加载速度,页面效率问题,过去的那些小图便成为了前端开发者的眼中钉,因为每加载一张图片都会产生一次浏览器请求数,发起的请求数越多那么页面加载的速度也越慢… (更多…)

打签»   评论» 2枚

设计表单六种基本类型 In 设计  @2012-08-25 1,698 Vs

一、表单概述

表单,在网页中的作用不可小视,主要负责数据采集的功能,比如你可以采集访问者的名字和e-mail地址、调查表、留言簿等等。
 1、表单的组成
一个表单有三个基本组成部分

表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。

表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。

表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。 (更多…)

打签»   评论» 抢沙发

产品设计,文案之美 In Blog  @2012-04-10 1,924 Vs

产品设计,文案之美

在实际工作中,经常听到一句话就是“我们要提升设计的品质”。那么“提升设计的品质”具体又是如何来体现的呢?设计的品质来源于对设计细节的反复推敲和优化,而恰如其分的文案设计则在塑造与提升产品设计品质方面举足轻重。在新产品上线初期,设计关注在需求以及功能点的有效实现,文案似乎不是那么一件非常重要与紧急的事情。

当然,做英文网站的例外,怎么着最后也得把英文改得流畅些,修辞语法用词地道些,能让老外看得明白吧,因此英文的文案设计师是有其必要性及存在价值的。那么中文呢?我们学习了那么多年的中文,浸泡在中文的环境中 (更多…)

打签» ,   评论» 抢沙发

搜索

返回顶部