一.相对大小的字号
在英文页面中,固定字号被称为“ frozen font
sizes”,使用固定大小的字号是一个明显的错误,很多交互设计的专家都对此做过研究。使用相对字号是那么的正确,于是,中文网页的文字也被设计成了相对字号。这种做法主要集中在英文网站的中文版的设计中。然而对于中文,相对字号却不如预想的那么好。
很多的字号的中文是不能清晰显示的。比如,10px的Arial字体显示英文是清晰的,但是10px的宋体中文就变成一个黑疙瘩了;再比如,20px的英文大而清晰,但是20px的中文就会出现明显的锯齿,笔画粗细不均。我曾经在《文字,你到底能多大?》一文中对中文字号进行过讨论,12px、14px、16px(或18px)显示中文是比较理想的。实际上12px-16px大小的宋体显示的效果都是不错的。
相对
|
标签:杂谈 |
私たちは欲望のかたまりです。そして、欲望は膨張を続ける宇宙のように限りがありません。
こんな話を想像しましょう。ある中学生がお父さんやお母さんから毎月もらうお小遣いが、今までの2000円から、一気に20万円なったらどうするでしょうか。彼の欲望はとどまでところを知らず。前から欲しいと思っていたもの手に入れようと、お小遣いを持ってお店に飛んでいくに違いありません。
做网站的人比较多,但真正成为网页设计师的人不多,现在就对网页设计师的基本技能作出说明,希望对有志对成为网页设计师做好铺垫.
1)熟练掌握网页制作几个软件:
一是dreamver,二是flash,三是photoshop,三ftp等,会用还不行,要熟练运用.
2)动态网站制作与开发:
动态网站开发的基础知识和基本技能、动态网站开发的常见模块及其技术实现、动态网站开发的常见商业应用.
3)对美感正确把握得当
网站设计是一个艺术加工过程,对色彩感悟如果不深刻,网站制作就是一个垃圾网站,我们都感叹韩国网站设计得美丽而华贵,因为韩国网页设计师都是本科生出身,美院毕业,对颜色处理游刃有余.做网站的人员,很多都不是本科美院毕业的,这个有很大的差别.但这个差距是可以在工作中不断学习的,机会永远留给有心人.
4)天天欣赏优秀网站的习惯
我们都知道,灵感来自积累,东莞网站设计在灵感也来源于欣赏网站积累.很多优秀的网站都是大师级设计与制作的,我们要天天学习几个优秀的网站,学习他的颜色搭配与布局.看看他们图片处理怎么样,看看动画创意思维怎么
|
标签:杂谈 |
|
标签:杂谈 |
Content
Design(内容设计)即涉及产品需求也涉及到(产品和用户)互动过程中的具体环节。大多数团队中只有PM才会涉及到相关工作,一般情况下不是基于用户需求就是如何展现,很少涉及具体的互动环节也很少会有人整体上去综合思考内容的设计。
去年在UPA的工作坊上就有人问我相关问题,说实话我自己对于这一块的认识也很不够(起码没有像交互设计和信息架构这样完整)。最近不想写东西,总是搞了一堆文章标题的草稿而不去写内容也不发出去,于是就开始梳理一些关于内容设计的杂散知识。正好前天和tony聊到了“鲜果在用户未登录时的首页”问题,后来又在360圈的聚会上谈到了相关观点,那么就简单写出来吧…
1、事实上没有什么产品是“难用”的,只要用户有了使用的需求兴趣,基本上所
|
标签:it |
简单的样式
使用CSS,最容易做的事情就是给我们的标题设置不同的字体样式。我们可以建立一个CSS规则,它将把样式应用到页面中出现的所有<h1>标签(或者是整个站点,当使用一个外部样式表的时候)。随后,如果我们想要改变整个站点上所有出现<h1>标签的地方的颜色、尺寸、字体的话,我们所有需要做的事情就是修改一些CSS规则,然后它们将立即改变。听上去非常诱惑人,不是吗?
让我们认识一下我们自己的超级酷的标题:
<h1>Super Cool Page Title</h1>
用CSS改变颜色、字体和尺寸:
h1 {
font-family: Arial, sans-serif;
font-size: 24px;
color: #369;
}
页面上所有找到<h1>的地方都将应用Arial字体(或者是缺省的sans-serif字体)、24点大小以及兰色,就象图2-2显示的

图2-2: 应用样式后的标题
接着,让我们在文字的下面增加一条1点宽的灰色边框,以增强清晰度(看图2-3):
h
|
标签:it |

|
标签:it |
我们在做网页的时候会发现:自己画的图也不错,自己做的布局也很精致,做的图标也很漂亮,第一眼看起来都觉得很漂亮,但是看看就觉得不舒服,也不清楚为什么……
这里我告诉你,也许就是你的排版出现问题了。页面排版不合理产生的视觉效果会让读者的眼睛产生的疲劳感,基本的毛病在于“字间距太挤或太宽”、“行距太小或太大”、“段距太少或太多”、“每行字数太多或太少”等这几个常见因素。大家可以从下面的图示和讲解内容中看出差别,同时我会给大家一个相对比较好的参数供大家参考。当然设计本来就不要太过拘泥,我所提供的都是一般性的提议,不同网站不同对待,不要过于拘泥我所给大家的一些参数。
下面我们用图例来说明。大家仔细看下面第一张图,前三个图是行距的问题,后两个是字数的问题。
行距的问题
第一个太挤了,都粘在一起了,这样眼睛在看这个文本的时候会需要花点时间去分辨,这样的排版会让读者看