http://blog.sina.com.cn/renlb2008[订阅]
个人资料
评论
读取中...
图片幻灯
友情链接
访客
读取中...
好友
读取中...
音乐播放器
博文

18个国外优秀的设计论坛

  1. Digital Point - HTML Web Design

    最大的站长在线交流社区之一.

    digital point

  2. Web Design Forum.net

    在设计和开发中遇到难题在这里可以找到答案.

     

常用的CSS命名规则(2009-01-13 10:29)

头:header
内容:content/container
尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体布局宽度:wrapper
左右中:left right center
登录条:loginbar
标志:logo
广告:banner
页面主体:main
热点:hot
新闻:news
下载:download
子导航:subnav
菜单:menu
子菜单:submenu
搜索:search
友情链接:friendlink
页脚:footer
版权:copyright
滚动:scroll
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
加入:joinus
指南:guild
服务:service
注册:regsiter
状态:status
投票:vote
合作伙伴:partner

(二)注释的写法:
  内容区   

(三)id的命名:
(1)页面结构
容器: container
页头:header
内容:content/container
页面主体:main  
页尾:footer
导航:nav
侧栏:sidebar
栏目:column

对于表单,很常用。但是在web standard建站的时候,他的排版往往让人遗忘,到了真正用到的时候就发现让人头疼,当然我也遇到过。我现在要介绍一个用< fieldset >< label >标签制作漂亮而且具体亲和力的表单的方法。

交互设计,亲和力,用户体验,这些经常挂在设计师嘴边的名词倒是是做什么的?我们不妨来尝试一下!

1.表单内容设计合理性,这里介绍的是帐户登陆的交互界面,当然包涵已注册和新用户两种人群,我们就设计出两个选择。

2.表单界面设计的亲和力,布局,颜色,字体,文字大小,行高等要素。我使用了
字体: Arial, Helvetica, sans-serif
字体大小:12px 14px
颜色:#666666 #1E7ACE #000000 淡兰色,灰色,黑色给用户稳重安全的感觉

3.内容细节,比如记录用户信息,必要的提醒。

就这样换位思考一下用户的需求,就能做到基本的亲和力,得到比较好的用户体验!要作到更完善的话,你就需要去看看MSN Google等国外大型交互网站是怎么做的了!

基本的xhtml

    我们用 A 包含一个 SPAN 标签来实现此效果:

    HTML:

    <a class='button' href='#'><span>按钮文字</span></a> 


    设置按钮样式:

    CSS:

    <style type='text/css'>  a.button {     background: transparent url('bg_button_a.gif') no-repeat scroll top right;     color: #444;     display: block;     float: left;     font: normal 12px arial, sans-serif;     height: 24px;     margin-right: 6px;     padding-right: 18px;      text-decoration: none; }  a.button span {     background: transparent url('bg_button_div.gif') no-repeat;     display: block;     line-height: 14px;     padding: 5px 0 5px 18px; }  </style> 


    为按钮添加点击样式:

    网页设计师的的素质(2009-01-07 09:58)
    网页设计是一门新兴的边缘性的行业,在网络产生以后应运而生。网页如门面,小到个人主页,大到大公司、大的政府部门以及国际组织等在网络上无不以网页作为自己的门面。当点击到网站时,首先映入眼帘的是该网页的界面设计,如内容的介绍、按钮的摆放、文字的组合、色彩的应用、使用的引导等等。这一切都是网页设计的范畴,都是网页设计师的工作。
       作为一名网页设计师,首先要具备审美的能力,而网页设计就相当于平面设计,网页设计师可以将平面设计中的审美观点套用到这上面来(其区别是动态网页的制作是平面设计不能达到的,它是一种审美方式的延伸),所以平面设计上的审美的观点在网页设计上非常实用。如对比、均衡、重复、比例、近似、渐变以及节奏美、韵律美等等,以及色彩的搭配显示出的轻快活泼的美,这些都能在网页上显示出来,反映设计师高超的审美能力。因此作为一名网页设计师,要使自己的网页具有美感,不具备审美能力是不行的。这要求设计师平时多多的积累,在仔细的观察的基础上多分析美的来源,并灵活的将这种理解了的美在自己的作品中表现出来。只有这样才能使自己的审美能力达到一定的高度。而我们经常看到一些网页里用的基本几何形体错综复杂,

    网页设计水平的评价标准

     

    1.色彩风格(创意性)
    2.用户体验(体验性)
    3.页面导向(导向性)
    4.频道内容(完整性)
    5.版面布局(结构性)

    设计网站(2008-03-24 20:24)
     

    DEDS深度 http://www.deds.cn 资源专业丰富.版面大气.包括 平面 网页 三维 工业 动漫 摄影 综合 论坛等内容.

    亚洲ci网 http://www.asiaci.com/index.php 国内高质量的平面原创论坛

    我爱设计网 http://www.52design.com 海量素材. 包括 设计 素材 资源 酷站

    设计路上 http://www.design63.com.cn 酷站资源 分类明确,更新频繁,精品收录

    蓝色理想 http://www.blueidea.com 程序员之家,这个就不说了.

    中国设计之窗 http://www.****.com 国内老牌设计网站

    5d多媒体 http://www.5d.cn 多媒体先锋

    设计联盟 http:

    FLEX学习网站大全(转)(2008-03-22 10:34)
     一、国外站点

    1.资源类

    Adobe Flex 2 Component Explorer: 官方的,展示了各种组件的用法,入门必看。

    CFlex:很好的一个Flex资源站点,包括教程,新闻,资源站点…… 只是页面有点杂乱,大家一般看右边那一栏就行了。

    FlexBox:一个收集了网上很多开源组件的站点,是进阶学习的好帮手。

    FlexLib:也是一个开源Flex组件站点,不过与FlexBox不同的是,这个是原创,而FlexBox只是收集。

    Flex Developer Center:Adobe Flex开发者中心,经常会有一些好的教程出现。

    Adobe Labs:这个不用我
    Web网页配色方案(2008-03-09 08:55)
     

    Web网页配色方案

      一、红色的色感温暖,性格刚烈而外向,是一种对人刺激性很强的色。红色容易引起人的注意,也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色。


      1. 在红色中加入少量的黄,会使其热力强盛,趋于躁动、不安。


      2. 在红色中加入少量的蓝,会使其热性减弱,趋于文雅、柔和。


      3. 在红色中加入少量的黑,会使其性格变的沉稳,趋于厚重、朴实。


      4. 在红中加入少量的白,会使其性格变的温柔,趋于含蓄、羞涩、娇嫩。


      二、黄色的性格冷漠、高傲、敏感、具有扩张和不安宁的视觉印象。黄色是各种色彩中,最为娇气的一种色。只要在纯黄色中混入少量的其它色,其色相感和色性格均会发生较大程度的变化。


      1. 在黄色中加入少量的蓝,会使其转化为一种鲜嫩的绿色。其高傲的性格也随之消失,趋于一种平和、潮润的感觉。


      2. 在黄色中加入少量的红,则具有明显的橙色感觉,其性格也会从冷漠、高傲转化为一种有分寸感的热情、