加载中…
博文
标签:

设计思维

365

it

分类: 设计思维
所有的设计,都是一种思维方式。一种群体思考世界运行的外在体现,一种针对可能问题的一种解决途径。
为什么,每个前辈都告诫我们,精通一门,其它的你会无师自通,也行以前你会怀疑前辈走过的路,等你慢慢长大,慢慢的在一个行业呆的久了,对一种事情看得多了,细想起来,就是那么回事。这里的精通一门,就是武学里的打开“任督二脉”,当你打开了你的认知方法和思考方式,也许会觉得,以前的的东西都是理所当然,所有的产品设计思路,都是一棵树枝干而已,这就是宏观思维的体现。
阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

365

html5

it

分类: HTML5学习笔记


阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
(2013-06-14 16:46)
标签:

css

365

it

分类: CSS3学习笔记

-----------菜单样式--------------------------------------------------
<style type='text/css'>
#menu{                                           总体设置
margin:0;
padding:0;
width:610px;
list-style-type:none;
font:14px Arial, Helvetica, sans-serif;
}
#menu li{                                         列表设置,左浮动,水平排列
float:left;
width:150px;
padding:0;
margin:0 1px 0 0;
}
#menu li dl{                                      列表项的设置
margin:0;
阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

趣交互

365

it

分类: uxdesign
《深入浅出web设计》
 《点石成金》
 《数据可视化之美》
 《搜索模式》
阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

趣交互

365

it

分类: 趣交互
Gmail的首页,很简洁。但是细心的你会发现,在左侧有输入法的选择,有“拼音、五笔”等选择。但是这个东东为什么放在这,而不是写邮件的编辑页。真是莫名其妙,你会在这里点击输入法,然后在到写邮件里么?在交互的步骤上,输入法的选择这样设计和放在写邮件里是一样的,都需要点击两次,但是使用的场景以及用户的使用完全不同。下面是在编辑页,出现的输入法的对应选择。这样的设计,简直糟透了,在编辑页是不可在选择的,必须在顶部选择,这样的话,编辑页的这个显示栏就没必要显示出来。引申一下,顶部的输入法选择也没必要存在。难道美国那边不用物理键盘的么~~~~

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
(2013-06-11 20:50)
标签:

趣交互

365

it

分类: 趣交互


这是QQ空间的上传图片的操作,当鼠标移过时,会弹出下面的几个选项。截屏的选项,和“本地、相册、拼图”不是同一类操作,却处于一个水平的。截屏放在这为何?对于用户的习惯,是否是在浏览网页或是其他图片时,有截屏分享的习惯?不知道。但是这样设计确实不符合常规。这让我想到,微信在4.0版推出的时候,在首页会播放崔健的“一无所有”,这一首歌就好几M
阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

365

趣交互

分类: 趣交互


这是点点网的自定义模板页,你可以选择属于自己口味的设计,但是提供的个性化选项比较少。
在交互上,也是存在问题,当用户选择完之后,只是弹出一个“保存成功”的悬浮框。之后,整个页面没有任何变化,接下来的操作可能是,点击“选择模板”,发现回到了,模板选择页,而不是你期待的结果。摸索了半天之后,才发现,点击“关闭”才可以回到你的主页(如下图)。
这里的问题就是,你的操作和最终的结果没有很好的衔接起来,“关闭”设计不容易理解,而且存在的价值也不大。最好是在用户选择完之后,就给与预览的选择,或者直接返回查看的选择。
阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
(2013-06-08 21:09)
标签:

365

html

it

1.盒子的浮动
    在标准流中,一个块级元素在水平方向会自动伸展,直到包含它的元素的边界,而在垂直方向和兄弟元素依次排列,不能并排。使用“浮动”方式以后,块级元素的表现就会有所不同。
    css中,有一个float属性,默认为none,也就是标准流通常的情况。若果将float属性的值设置为left或right,元素就会向其父级元素的左侧或右侧靠近,同时默认的情况下,盒子的宽度不再伸展,
    而是根据盒子里面的内容的宽度确定。

2.盒子的定位
css中有一个非常重要的属性position,有四个属性值:static、relative、absolute、fixed。
-静态定位
static为默认值,他表示块保持在原本应该在的基础上,即该没有任何移动的效果。
-相对定位(relative)
除了position属性设置为relative之外,还需要指定一定的偏移量,水平方向通过left或者right属性来指定,竖直方向,用top或bottom来设定。
-绝对定位(absolute)
.使用绝对定位的盒子以它的“最近”的一个“已经定位”的“祖先元素”为基
阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
(2013-06-07 19:33)
标签:

css

365

it

分类: CSS3学习笔记
css中,一个独立的盒子模型由content(内容)、border、padding、margin组成。
-边框(border)
border一般用于分割不同的元素,border的外围即为,因此计算元素的实际的高和宽的时候,就要将border考虑在内。
border的属性,有color、width、style,即border-color、border-width、border-style。
style属性:
none、hidden、dotted,dashed,solid,double,groove,ridge,inset,outset.hidden可以用来解决边框冲突的问题。
-属性值的简写形式
-对不同的边框设置不同的属性值
给出两个属性值是,前者表示上下边框,后者表示左右边框
给出三个属性值是,前者表示上边框的属性,中间表示左右的属性值,后者表示下边框的属性值。
如果给出四个属性值,依次表示上右下左的属性值。
-对一条边框设置与其他边框不同的属性。
border:2px green dashed;
border-left:1px red solid;
-内边距(padding)
内边距,用户控制内容与边距之间的距离。
属性的设置和border相同。
-外边距
阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
(2013-06-07 12:20)
分类: CSS3学习笔记
1.基本css选择器
-标记选择器
h1{
color:red;
font-size:25px;
}
-类别选择器
.class{
color:green;
font-size:20px;
}
-ID选择器
#id{
color:yellow;
font-size:30px;
}
2.符合选择器
-交集选择器
h3.class{
color:red;
font-size:23px;
}
-并集选择器
h1,h2,h3,h4,h5{
color:red;
font-size:130px;
}
h1.special,special,#one{
text-decoration:none;
}
-后代选择器

这是最外层的文字,这是中间层的文字,这是最内层文字

后代选择器的使用非常广泛,不仅标记选择器可以以这种方式组合,类别选择器和ID选择器,都可以进行嵌套。
.special i{
color;
}
#one li{padding-left:5px;}
td.top .top1 strong
阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
  

新浪BLOG意见反馈留言板 不良信息反馈 电话:4006900000 提示音后按1键(按当地市话标准计费) 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

新浪公司 版权所有