div+css

当前位置:地方网站工作室 >> 网络技术 >> div+css >> 浏览文章

七招帮你提高网页设计水平

文章来源:菏泽网站建设  文章作者:CSDN  日期:2009年09月09日
导读:本文的作者为一名资深的网页设计师,作者论述了改进网页设计的7个要点,并配以成功的案例,图文并茂。

导读:本文的作者为一名资深的网页设计师,作者论述了改进网页设计的7个要点,并配以成功的案例,图文并茂。

1. 学好HTML和CSS编程

这条之所以成为第一条是因为它是网页设计中最重要的部分。明白网页是如何在浏览器中渲染的可以防止你做出不合理的设计,比如那些无法用网页实现的设计。要保持与时俱进,弄清楚现什么效果可以用现在的CSS技术实现,什么效果不可以。

使用CSS3最新技术设计的经典案例

点击浏览下一页

Atebits(http://www.atebits.com/)在网页文本中使用了文本阴影,这样就不需要使用图片了。它还使用了-webkit-transform和-webkit-transition来向这三个图标加入了一些动画,不过这些效果只有在支持webkit的浏览器中才能看到,比如Chorme和Safari。

点击浏览下一页

Elliot Jay Stocks(http://elliotjaystocks.com/)使用了一种叫做@font-face的CSS3方法来让浏览器下载特定的字体,这就免去了使用图片的麻烦。

2. 注重细节

好的设计和伟大设计之间的距离在于是否做好细节。

优秀设计细节的例子

点击浏览下一页

Metalab(http://metalabdesign.com/)很好的混合了着色(Shading)、渐变和阴影,为网页增加了额外的细节。

点击浏览下一页

We Follow(http://wefollow.com/)巧妙的使用了渐变和阴影,为其用户界面添加了很好的细节。

3. 善于使用留白

世界上最痛苦的事情莫过于当你想阅读一些东西却发现页面上各种元素的旁边充满了文字,页面设计者这么做的目的仅仅是想要在页面狭小的控件里放下更多的信息,但这只能给别人带来一种痛苦的体验。合理的使用留白可以给页面中的元素以呼吸的空间,减少阅读者眼镜的压力,从而让用户有一种愉快的浏览体验。

合理使用留白的例子

点击浏览下一页

Soccernet(http://soccernet.espn.go.com/news/story?id=657760sec=transferscc=5739)在他们的文章页面中很好的使用了留白,你可以看出文字都离其它元素有一定的距离,从而提高了可读性。

点击浏览下一页

Usability Post(http://www.usabilitypost.com/)使用留白的方法和Soccernet差不多。

追求卓越 精心缔造 菏泽网站建设 地方网络工作室
上一篇:20个最漂亮的基于WordPress的企业网站
下一篇:CSS 3.0 参考手册 (中文版)
相关文章

我们能为菏泽企业做什么?

菏泽企业网站建设
DIV+CSS布局技术、底层SEO规划设计、菏泽地方网络工作室为您提供优质网站建设服务!
SEO网站推广策划
菏泽唯一SEOwhy认证的SEOER,全面的SEO推广方案,为您量身定制SEO网站推广策划!
国内顶级服务器
新网互联、中国频道、美国主机、韩国主机、地方网络工作室只提供最优质的服务器主机!
《书生商友》商机群发软件
Booksir,一步到位彻底解决中小企业网络整合营销的书生商友营销引擎!

公告

怎么联系我们?

手机:18651363941
地址:由于菏泽生存压力巨大,本人现未居菏泽,在北京就值。如有业务需要,请直接电联。
联系人:刘峰 高娜
QQ:61572536
微信:61572536
邮箱:guf521@163.com

服务宗旨

因为执着 所以专业 追求卓越 精心缔造
售后为先 宁得罪新客户  不拖拉老客户
诚信为本 新互顶级域名空间  畅爽速度