网站制作流程及界面交互设计研究探讨 - OnLing‘s BLOG
来源:百度文库 编辑:神马文学网 时间:2024/10/01 10:10:13
AD
« 三种雕塑质感
电动车造型因素分析 »
分类: WEB-ASP-W3C
网站制作流程及界面交互设计研究探讨
[ 2006-03-30 22:51:11 | 作者:onling ]
size:14 |11 |9
很多朋友希望,我能把我做网站的一些流程及经验跟大家分享一下,最近刚好做一次内部培训,所以稍微整理了一下,这些只是针对网页初学者,具有一定平面设计水平的人,对HTML不是很了解,他们可能只是想做一个个人主页而已,所以整体还是趋向于传统的表格布局,这里有很多都是一些我个人刚开学时自己摸索的经验,所以可能不是很专业,但是绝对是比较容易入门的,我一直有这种思想,你只有塌进来了,你才可能往更高的地方爬,我想当初如果没有这段的学习,现在我也不会明白什么W3C,什么CSS,什么ASP,什么XML,一切都是有一个起点,希望能对大家有点小帮助。整体的PPT比较大,没有放这,我把主要内容用文字大致整理了一份,如果需要PPT,可以跟我联系。有不合理的地方,希望大家能指出,可以共同探讨一下。(OnLing‘s blog引用,转摘请联系原作者)
网站制作流程及界面交互设计研究探讨
作者:OnLing
(QQ:286582469 onling.net@Gmail.com)
主要内容介绍
一.构成网页的基本要素
二.制作及美化的基本工具
三.网页制作的基本步骤
四.界面设计及交互研究探讨
五、实例制作演示
一.构成网页的基本要素
1.文字(标题、字号、字型...)
2 图形(网页上经常使用的图片格式:jpg、jpeg、Gif、Swf...)
3.交互功能(菜单按钮、链接、表单、数据交换...)
...
超文本标识语言(HTML)
HTML(Hypertext Markup Language)是一种专门用于Web页制作的编程语言,用来描述超文本各个部分的内容,告诉浏览器如何显示文本,怎样生成与别的文本或图像的链接点。
在HTML中,所有的标记符都用尖括号括起来。
例如,表示HTML标记符。绝大多数标记符都是成对出现的,包括开始标记符和结束标记符。
如:…</HTML> .
2.HTML文档的基本结构
一个典型的HTML文本的基本结构形式如下:
OnLing网站制作流程及界面交互设计研究探讨</TITLE>
</HEAD>
文本内容:OnLing.net</BODY>
</HTML>
网页制作常用工具
1.超文本标识语言(HTML)
编辑工具:editplus、dreamweaver、记事本、FrontPage、
2.页面设计及美化工具
使用工具:所有可制作平面的软件
推荐使用Photoshop、FireWorks、Flash
三、网页制作的基本步骤
1、整体规划
需要完成的规划:网站主题、风格、页面元素、逻辑结构等
2、资料收集
收集内容:
a、跟主题相关的文字图片资料
b、一些优秀的页面风格
c、下载一些你喜欢的交互页面
d、开放的源代码
3、伪界面设计
根据事先规划的结构,在平面软件里设计你想要的最终效果,利用平面图片的形式先展示一次,设计时要注意宜人性、人机、心理等各方面因素
4、代码转换及交互添加
把平面的伪界面转化为HTML代码,添加相应的交互功能Js、按纽、表单,以及一些与数据库相连接的代码。
5、测试网页兼容性
你可以不必严格按照W3C标准来制作页面,但是你必须保证让所有现有的浏览器能比较好的展示你的作品。
6、发布站点
测试完毕,符合你的要求,当然就可以开始发布你的网站了,发布的服务器可以是远程,也可以是本地,各个语言有各自的相应的服务器,比如ASP,就应该对应的是ASP服务器,上传可利用远程FTP工具。
四.界面设计及交互研究探讨
1、界面设计(WEB UI)
a、导航栏设计
导航要素设计的好坏决定着用户是否能方便使用网站导航要素要设计的直接而明确,并最大限度为用户的方便考虑。
b、网页布局
网页的布局是整个界面的核心,这里体现了一切以用户为中心、以及制作者如何与欣赏着沟通的思想在里面,你必须知道自己要传达什么样的信息,别人使用起来合适不,字体的大小、型号、字间距、行间距,以及配色所有的一切都在这个阶段完成,所以如何表现功能以及美感就是你研究的重点。
PS:布局之前要紧密连接你网站的主题,要注意把握整体风格,你可以事先在纸上勾画草图,利用你习惯的元素来表现你想要的效果
网页布局--主要构成原则
醒目性:指用户把注意力集中到你诱导起浏览的部分和内容
可读性:指网站的内容让人容易读懂
明快性:指准确、快速转达网站的构成内容
造型性:维持整体外型上的稳定感和均衡性
创造性:有鲜明个性,创意是必不可少的
布局的构成原则上是:统一、协调、流动、强调、均衡
c、交互研究
我这边的交互主要集中在人机操作方面,研究用户浏览网站心理我个人认为一个成功的个人主页,单纯的美观是不够的,重要的是宜人性方面应该注重,喜欢Google、Douban就居于这。
五、实例制作演示(略)
1、页面制作整体规划
对象:一个打印商业宣传主页
格调:活泼,色彩,简单,大方
2、资料收集
a 、商标、网址、公司宣传册、了解企业文化,了解负责人的品位、他们的案例、跟负责人沟通掌握信息
b 、网上下载相似印刷行业的公司主页,了解现有行业的的一些设计特点
c、下载一些色彩比较华丽的图片,或跟印刷相关连的图片
d、如果你自己不会动态语言,下载一个满足你功能的新闻发布系统和留言源码
3、伪界面设计
a、在PS设计伪界面
b、切片工具对整体进行合理的分割
注意点:隐藏你要通过输入的文字,分割时要保持他的整体意义,尽量让每一部分是完整的,注意一些交互上操作。
c、导成WEB格式-直接导成HTML格式
步骤:
1、.点击文件存储为WEB文件格式
2、在界面里面调整理想参数
3、导出保存PS能自动生成一些HTML代码,但是他不是很标准,你必须在
Dreamweave里面进行加工
d、在Dreamweave里面进行代码加工
具体步骤:1、先修改标题
2、修改页面属性:背景颜色、背景图片.....
3、把页面调整为布局格式(这个可以按照自己习惯来设置,有标准的表格方式,也有布局类型)
4、把要添加文字的图片转化为背景形式
a、找到对应图片路径
b、拷贝路径后删除图片
c、转化为标准形式
d、把路径粘贴到背景属性上
e、回到布局界面
5、添加具体文字连接设置等操作
6、CSS设置
7、修整代码,发布预览按F12即可预览效果 5、测试网页兼容性
按照你设计时的对象,根据IE版本以及浏览器的不同,调整理想的效果,但是大部分出现问题的是JS\VB等代码,如果只是单纯静态图片,基本不会有很大的差别,推选大家尽量往W3C标准靠
6、发布站点
购买自己的空间域名,其实事先就应该购买的,利用FTP上传软件,把你的页面上传到你的网上服务器上推荐一款FTP上传工具LeadFTP
总结
1、在开始制作网页之前,建议应用少量时间对自己要制作的主页进行总体设计,例如希望主页是怎样的风格,应该放一些什么信息,其他网页如何设计,分几层来处理等等通常在进行网页开发时,首先都进行静态网页的制作,然后再在其中加入脚本程序、表单等。静态网页仅仅用来被动地发布信息,而不具有任何交互功能的网页,它是Web网页的重要组成部分,一个好的网站:首先是内容丰富,其次就是网页设计
2、不要先决定网页的外观,然后迫使自己去适应它,应该根据网站的访问者对象、要提供的信息以及制作目标得出一个最适合的网页架构。
3、每页排版不要太松散或用太大的字,尽量避免访问者浏览网页时要作大幅度的滚动,对于篇幅太长的一页可以使用内部链接解决。须知,在一页的上部是显眼而宝贵的地方,不要只放几个粗大的字或图片
4、不要每页都采用不同的墙纸,以免每次转页时都要花费过多的时间去下载,采用相同的底色或墙纸还可以增强网页一致性。以树立自己的风格。
5、底色或墙纸必须与文字对比强烈,以易于阅读。
6、熟悉以后开始尝试用CSS,自己书写代码,按照W3C标准来写符合要求的网页
[最后修改由 onling, 于 2006-04-01 12:02:52]
评论Feed: http://www.onling.net/blog/feed.asp?q=comment&id=340
引用链接: http://www.onling.net/blog/trackback.asp?id=340
浏览模式:显示全部 |评论: 28 |引用: 0 |排序 | 浏览: 780
无题* [ 2006-03-31 02:03:53 ]
看到这个目录觉得很吸引人,我现在在看Dreamweaver 8的书,学习上面的例子,看到你这文章真是太棒了.
能否发份完整版给我呢?谢谢了.
zero1980@gmail.com
zskj* [ 2006-03-31 08:24:17 ]
也发一份我吧
xg.zskj@gmail.com
元晖* [ 2006-03-31 08:30:18 ]
很不错的文章,我看过以后受益匪浅,不过这个流程主要是在UI方面的,如果能再含有一些后台程序方面的就更好了!
ieidea* [ 2006-03-31 08:54:48 ]
"喜欢Goole、Douban就居于这"
应该是Google吧。
cherishly [ 2006-03-31 09:03:46 ]
觉得你总结的很全面,很想再看一下完整PPT,能否传给我一份!十分感谢!
woexpectni@126.com
cvpc* [ 2006-03-31 09:08:31 ]
如果方便的话,也发一份给我吧
非常感谢
MyMail:
csser.com@gmail.com
dding* [ 2006-03-31 10:02:31 ]
发份给我,谢谢
ddingdang@126.com
xcsxyq* [ 2006-03-31 10:20:17 ]
我也要啊,谢谢你啊xcsxyq@gmail.com
Orca [ 2006-03-31 10:34:37 ]
好东西啊,我现在正在给学生上网页制作课,还在为怎么教少数先进分子发愁呢?
能不能也给我一份?
d_orca@hotmail.com
OFP* [ 2006-03-31 10:35:10 ]
请给我一份,我的邮箱ofplqy@126.com 你有什么需要的资料请告诉我,有的话一起分享,谢谢
49Degree* [ 2006-03-31 11:04:02 ]
也给偶一份。。。
49Degree@GMail.com
Yang* [ 2006-03-31 11:13:12 ]
我也想要一份,谢谢!!
yangjindong@gmail.com
momoca [ 2006-03-31 11:29:01 ]
谢谢,偶也来一份可以不!
momoca@gmail.com
liurui139* [ 2006-03-31 14:45:02 ]
恩,不错的,以前可是有很多地方是迷茫的
不过现在好了!谢谢啊!!
zxsky1* [ 2006-03-31 20:37:34 ]
zxsky1@gmail.com
onling [ 2006-04-01 00:07:37 ]
上面的已经发送完毕!请查收一下!
有漏的望见凉!
powa [ 2006-04-01 00:14:29 ]
我也要 netkicc@gmail.com
amen [ 2006-04-01 07:55:00 ]
谢谢!给我一份吧!jubaopeng@gmail.com
onling [ 2006-04-01 11:55:06 ]
很感谢大家喜欢,希望能跟大家一块交流,一块进步!
powa和Amen也发完毕~
onling [ 2006-04-01 12:04:23 ]
谢谢Ieidea指出一处错误,已改正~
很希望大家能讨论一下,CSS布局的一些流程~
Boris* [ 2006-04-02 15:18:51 ]
OnLing前辈 见解颇深 值得拜读。烦请发我一份。
libobest@126.com
无题* [ 2006-04-02 17:39:21 ]
感谢,我已收到邮件了,在下载中... ...
libczy* [ 2006-04-02 17:51:11 ]
给我一份。libczy@gmail.com
张玉* [ 2006-04-04 09:31:44 ]
也请给我一份,谢谢
anye10@gmail.com
mireene* [ 2006-04-04 14:47:32 ]
请给我一份,谢谢了
mireenedotcom@gmail.com
zyq* [ 2006-04-04 17:58:30 ]
给我一份,yingqunzhou@yahoo.com.谢谢!
zyq* [ 2006-04-04 18:00:17 ]
对不起!我的邮箱应该是yingqunzhou@yahoo.com.cn.谢谢!
Janpo* [ 2006-04-04 18:25:56 ]
麻烦也给我一份:janpo.dev@gmail.com 谢谢!
发表
(^_^友情提示:游客发言不需要填写密码.^_^)
表情图标
UBB代码
转换链接
表情图标
悄悄话
用户名: 密码: 注册?
* 请输入验证码
首页留言簿论坛登录
用户面板
用户名:
密码:
验证码:
注册
分类
INDEX OnLing-MOOD [82] WEB-ASP-W3C [58] DESIGN-PS-UI [47] CAID-ID-VR [83] e-Business [12] MUSIC-FILM [6] OTHERS [46]
日历
«2006» «3月»
Su Mo Tu We Th Fr Sa
12 34
567891011
121314 151617 18
1920 2122232425
2627 28 293031
搜索
评论 日志 留言簿 引用
统计数据
日志: 334|评论: 210|引用: 2
到访: 214107|用户: 35| 在线: 2
版权声明
版权声明:除非特别说明,本站内容采用Creative Commons License [署名-非商业-非派生]许可;禁止克隆、抄袭和传播本站的UI外观及模板式样。
链接地址:OnLing.net
程序支持:LBS
推荐使用:Firefox!
Copyright © 2006. OnLing.net
陕ICP备05001455号
订阅OnLing‘s Blog
google analytics
onling‘s Google Page
经常光顾的网站:
chinaUI |blueidea |billwang
设计在线 |视觉中国 |网易学院I
火星时代 |太平洋学院|im286
虚拟无忌|迪客虚拟|W3C标准
Essay Archives |VRP|5d
视觉同盟|virtools|tech.nytimes
关注的BLOG:
rokey |icebin |keso|liurun
[i D | 公社] |jonathan
azure|刘师兄的Blog|老冒(UU)
blog中文翻译|刘韧|dodo
xinsoft| 小铠地带 |
朋友的BLOG:
蓉儿 |同兰阁 |NonStop
ammonite |Yoguat | wizjo
E.D.D.Y. I
关注的成长的WEB:
豆瓣网 |土豆网 |gougou网
engadget|blogbus|DoNews
wowzine
OnLing推荐资源:
SDO图库 |字体库|3D库
三维地图|好站网址|fasticon UI
大学数字博物馆|POCO
tychomusic|openwebdesign
splutterfish
About OnLing:
www.flickr.com
what is this?
This is a Flickr badge showing photos in a set calledoblingpic. Make your own badgehere.
Name:OnLing QQ:286582469
MSN:Myonling@hotmail.com
E-Mail:onling.net@gmail.com
Zq@onling.net
OnLing正看的书:
OnLing‘s Blog
最新日志
上周的UI练习~web2.0概念结构尽心就是完美~电动车造型因素分析网站制作流程及界面...三种雕塑质感心浮气躁~童车外观设计探讨
最新评论
麻烦也给我一份:jan...对不起!我的邮箱应...给我一份,yingqunzho...请给我一份,谢谢了 m...有些锯齿哦...呵呵....也请给我一份,谢谢 ...原图我也没发现,但...请问,第一张图应该...
友情链接
OnLing‘s BBS
operstudio
原文如此.SiC
Nicky‘s blog
布罗特的Blog
2s-space
乡巴熊俱乐部
人见仁爱
GhostEver Ghost
夕照街
WE17 | 我们一起
08Design
opennet
jacklam‘s Blog
KEFAN BLOG°
=20岁纪念册=
Abc^LIN
LlinZzi‘s Blog
友情提示:申请前请先做好本站连接,所有链接申请请到留言簿留言,内容最好能多让我多了解你,内容相似,页面设计漂亮,勤奋好写的,欢迎连接,^_^
BXNA TopN News
Microsoft .NET Framework 全系列下载全景携手金犊为学生创意提供支持北京互象动画有限公司——招高手纳强人Flash动态解析Web应用程序服务器路径希特勒&小布什超级玛丽奥是这么玩地Hello HumanSupport AudiovisualFonky Family卡通笔触的实现(附源代码)
Powered byLBS Version 2.0.304 © 2005-2006 SiC/CYAN.
9 DB Queries | Proccessed in 250ms
« 三种雕塑质感
电动车造型因素分析 »
分类: WEB-ASP-W3C
网站制作流程及界面交互设计研究探讨
[ 2006-03-30 22:51:11 | 作者:onling ]
size:14 |11 |9
很多朋友希望,我能把我做网站的一些流程及经验跟大家分享一下,最近刚好做一次内部培训,所以稍微整理了一下,这些只是针对网页初学者,具有一定平面设计水平的人,对HTML不是很了解,他们可能只是想做一个个人主页而已,所以整体还是趋向于传统的表格布局,这里有很多都是一些我个人刚开学时自己摸索的经验,所以可能不是很专业,但是绝对是比较容易入门的,我一直有这种思想,你只有塌进来了,你才可能往更高的地方爬,我想当初如果没有这段的学习,现在我也不会明白什么W3C,什么CSS,什么ASP,什么XML,一切都是有一个起点,希望能对大家有点小帮助。整体的PPT比较大,没有放这,我把主要内容用文字大致整理了一份,如果需要PPT,可以跟我联系。有不合理的地方,希望大家能指出,可以共同探讨一下。(OnLing‘s blog引用,转摘请联系原作者)
网站制作流程及界面交互设计研究探讨
作者:OnLing
(QQ:286582469 onling.net@Gmail.com)
主要内容介绍
一.构成网页的基本要素
二.制作及美化的基本工具
三.网页制作的基本步骤
四.界面设计及交互研究探讨
五、实例制作演示
一.构成网页的基本要素
1.文字(标题、字号、字型...)
2 图形(网页上经常使用的图片格式:jpg、jpeg、Gif、Swf...)
3.交互功能(菜单按钮、链接、表单、数据交换...)
...
超文本标识语言(HTML)
HTML(Hypertext Markup Language)是一种专门用于Web页制作的编程语言,用来描述超文本各个部分的内容,告诉浏览器如何显示文本,怎样生成与别的文本或图像的链接点。
在HTML中,所有的标记符都用尖括号括起来。
例如,表示HTML标记符。绝大多数标记符都是成对出现的,包括开始标记符和结束标记符。
如:…</HTML> .
2.HTML文档的基本结构
一个典型的HTML文本的基本结构形式如下:
</HEAD>
</HTML>
网页制作常用工具
1.超文本标识语言(HTML)
编辑工具:editplus、dreamweaver、记事本、FrontPage、
2.页面设计及美化工具
使用工具:所有可制作平面的软件
推荐使用Photoshop、FireWorks、Flash
三、网页制作的基本步骤
1、整体规划
需要完成的规划:网站主题、风格、页面元素、逻辑结构等
2、资料收集
收集内容:
a、跟主题相关的文字图片资料
b、一些优秀的页面风格
c、下载一些你喜欢的交互页面
d、开放的源代码
3、伪界面设计
根据事先规划的结构,在平面软件里设计你想要的最终效果,利用平面图片的形式先展示一次,设计时要注意宜人性、人机、心理等各方面因素
4、代码转换及交互添加
把平面的伪界面转化为HTML代码,添加相应的交互功能Js、按纽、表单,以及一些与数据库相连接的代码。
5、测试网页兼容性
你可以不必严格按照W3C标准来制作页面,但是你必须保证让所有现有的浏览器能比较好的展示你的作品。
6、发布站点
测试完毕,符合你的要求,当然就可以开始发布你的网站了,发布的服务器可以是远程,也可以是本地,各个语言有各自的相应的服务器,比如ASP,就应该对应的是ASP服务器,上传可利用远程FTP工具。
四.界面设计及交互研究探讨
1、界面设计(WEB UI)
a、导航栏设计
导航要素设计的好坏决定着用户是否能方便使用网站导航要素要设计的直接而明确,并最大限度为用户的方便考虑。
b、网页布局
网页的布局是整个界面的核心,这里体现了一切以用户为中心、以及制作者如何与欣赏着沟通的思想在里面,你必须知道自己要传达什么样的信息,别人使用起来合适不,字体的大小、型号、字间距、行间距,以及配色所有的一切都在这个阶段完成,所以如何表现功能以及美感就是你研究的重点。
PS:布局之前要紧密连接你网站的主题,要注意把握整体风格,你可以事先在纸上勾画草图,利用你习惯的元素来表现你想要的效果
网页布局--主要构成原则
醒目性:指用户把注意力集中到你诱导起浏览的部分和内容
可读性:指网站的内容让人容易读懂
明快性:指准确、快速转达网站的构成内容
造型性:维持整体外型上的稳定感和均衡性
创造性:有鲜明个性,创意是必不可少的
布局的构成原则上是:统一、协调、流动、强调、均衡
c、交互研究
我这边的交互主要集中在人机操作方面,研究用户浏览网站心理我个人认为一个成功的个人主页,单纯的美观是不够的,重要的是宜人性方面应该注重,喜欢Google、Douban就居于这。
五、实例制作演示(略)
1、页面制作整体规划
对象:一个打印商业宣传主页
格调:活泼,色彩,简单,大方
2、资料收集
a 、商标、网址、公司宣传册、了解企业文化,了解负责人的品位、他们的案例、跟负责人沟通掌握信息
b 、网上下载相似印刷行业的公司主页,了解现有行业的的一些设计特点
c、下载一些色彩比较华丽的图片,或跟印刷相关连的图片
d、如果你自己不会动态语言,下载一个满足你功能的新闻发布系统和留言源码
3、伪界面设计
a、在PS设计伪界面
b、切片工具对整体进行合理的分割
注意点:隐藏你要通过输入的文字,分割时要保持他的整体意义,尽量让每一部分是完整的,注意一些交互上操作。
c、导成WEB格式-直接导成HTML格式
步骤:
1、.点击文件存储为WEB文件格式
2、在界面里面调整理想参数
3、导出保存PS能自动生成一些HTML代码,但是他不是很标准,你必须在
Dreamweave里面进行加工
d、在Dreamweave里面进行代码加工
具体步骤:1、先修改标题
2、修改页面属性:背景颜色、背景图片.....
3、把页面调整为布局格式(这个可以按照自己习惯来设置,有标准的表格方式,也有布局类型)
4、把要添加文字的图片转化为背景形式
a、找到对应图片路径
b、拷贝路径后删除图片
c、转化为标准形式
d、把路径粘贴到背景属性上
e、回到布局界面
5、添加具体文字连接设置等操作
6、CSS设置
7、修整代码,发布预览按F12即可预览效果 5、测试网页兼容性
按照你设计时的对象,根据IE版本以及浏览器的不同,调整理想的效果,但是大部分出现问题的是JS\VB等代码,如果只是单纯静态图片,基本不会有很大的差别,推选大家尽量往W3C标准靠
6、发布站点
购买自己的空间域名,其实事先就应该购买的,利用FTP上传软件,把你的页面上传到你的网上服务器上推荐一款FTP上传工具LeadFTP
总结
1、在开始制作网页之前,建议应用少量时间对自己要制作的主页进行总体设计,例如希望主页是怎样的风格,应该放一些什么信息,其他网页如何设计,分几层来处理等等通常在进行网页开发时,首先都进行静态网页的制作,然后再在其中加入脚本程序、表单等。静态网页仅仅用来被动地发布信息,而不具有任何交互功能的网页,它是Web网页的重要组成部分,一个好的网站:首先是内容丰富,其次就是网页设计
2、不要先决定网页的外观,然后迫使自己去适应它,应该根据网站的访问者对象、要提供的信息以及制作目标得出一个最适合的网页架构。
3、每页排版不要太松散或用太大的字,尽量避免访问者浏览网页时要作大幅度的滚动,对于篇幅太长的一页可以使用内部链接解决。须知,在一页的上部是显眼而宝贵的地方,不要只放几个粗大的字或图片
4、不要每页都采用不同的墙纸,以免每次转页时都要花费过多的时间去下载,采用相同的底色或墙纸还可以增强网页一致性。以树立自己的风格。
5、底色或墙纸必须与文字对比强烈,以易于阅读。
6、熟悉以后开始尝试用CSS,自己书写代码,按照W3C标准来写符合要求的网页
[最后修改由 onling, 于 2006-04-01 12:02:52]
评论Feed: http://www.onling.net/blog/feed.asp?q=comment&id=340
引用链接: http://www.onling.net/blog/trackback.asp?id=340
浏览模式:显示全部 |评论: 28 |引用: 0 |排序 | 浏览: 780
无题* [ 2006-03-31 02:03:53 ]
看到这个目录觉得很吸引人,我现在在看Dreamweaver 8的书,学习上面的例子,看到你这文章真是太棒了.
能否发份完整版给我呢?谢谢了.
zero1980@gmail.com
zskj* [ 2006-03-31 08:24:17 ]
也发一份我吧
xg.zskj@gmail.com
元晖* [ 2006-03-31 08:30:18 ]
很不错的文章,我看过以后受益匪浅,不过这个流程主要是在UI方面的,如果能再含有一些后台程序方面的就更好了!
ieidea* [ 2006-03-31 08:54:48 ]
"喜欢Goole、Douban就居于这"
应该是Google吧。
cherishly [ 2006-03-31 09:03:46 ]
觉得你总结的很全面,很想再看一下完整PPT,能否传给我一份!十分感谢!
woexpectni@126.com
cvpc* [ 2006-03-31 09:08:31 ]
如果方便的话,也发一份给我吧
非常感谢
MyMail:
csser.com@gmail.com
dding* [ 2006-03-31 10:02:31 ]
发份给我,谢谢
ddingdang@126.com
xcsxyq* [ 2006-03-31 10:20:17 ]
我也要啊,谢谢你啊xcsxyq@gmail.com
Orca [ 2006-03-31 10:34:37 ]
好东西啊,我现在正在给学生上网页制作课,还在为怎么教少数先进分子发愁呢?
能不能也给我一份?
d_orca@hotmail.com
OFP* [ 2006-03-31 10:35:10 ]
请给我一份,我的邮箱ofplqy@126.com 你有什么需要的资料请告诉我,有的话一起分享,谢谢
49Degree* [ 2006-03-31 11:04:02 ]
也给偶一份。。。
49Degree@GMail.com
Yang* [ 2006-03-31 11:13:12 ]
我也想要一份,谢谢!!
yangjindong@gmail.com
momoca [ 2006-03-31 11:29:01 ]
谢谢,偶也来一份可以不!
momoca@gmail.com
liurui139* [ 2006-03-31 14:45:02 ]
恩,不错的,以前可是有很多地方是迷茫的
不过现在好了!谢谢啊!!
zxsky1* [ 2006-03-31 20:37:34 ]
zxsky1@gmail.com
onling [ 2006-04-01 00:07:37 ]
上面的已经发送完毕!请查收一下!
有漏的望见凉!
powa [ 2006-04-01 00:14:29 ]
我也要 netkicc@gmail.com
amen [ 2006-04-01 07:55:00 ]
谢谢!给我一份吧!jubaopeng@gmail.com
onling [ 2006-04-01 11:55:06 ]
很感谢大家喜欢,希望能跟大家一块交流,一块进步!
powa和Amen也发完毕~
onling [ 2006-04-01 12:04:23 ]
谢谢Ieidea指出一处错误,已改正~
很希望大家能讨论一下,CSS布局的一些流程~
Boris* [ 2006-04-02 15:18:51 ]
OnLing前辈 见解颇深 值得拜读。烦请发我一份。
libobest@126.com
无题* [ 2006-04-02 17:39:21 ]
感谢,我已收到邮件了,在下载中... ...
libczy* [ 2006-04-02 17:51:11 ]
给我一份。libczy@gmail.com
张玉* [ 2006-04-04 09:31:44 ]
也请给我一份,谢谢
anye10@gmail.com
mireene* [ 2006-04-04 14:47:32 ]
请给我一份,谢谢了
mireenedotcom@gmail.com
zyq* [ 2006-04-04 17:58:30 ]
给我一份,yingqunzhou@yahoo.com.谢谢!
zyq* [ 2006-04-04 18:00:17 ]
对不起!我的邮箱应该是yingqunzhou@yahoo.com.cn.谢谢!
Janpo* [ 2006-04-04 18:25:56 ]
麻烦也给我一份:janpo.dev@gmail.com 谢谢!
发表
(^_^友情提示:游客发言不需要填写密码.^_^)
表情图标
UBB代码
转换链接
表情图标
悄悄话
用户名: 密码: 注册?
* 请输入验证码
首页留言簿论坛登录
用户面板
用户名:
密码:
验证码:
注册
分类
INDEX OnLing-MOOD [82] WEB-ASP-W3C [58] DESIGN-PS-UI [47] CAID-ID-VR [83] e-Business [12] MUSIC-FILM [6] OTHERS [46]
日历
«2006» «3月»
Su Mo Tu We Th Fr Sa
12 34
567891011
121314 151617 18
1920 2122232425
2627 28 293031
搜索
评论 日志 留言簿 引用
统计数据
日志: 334|评论: 210|引用: 2
到访: 214107|用户: 35| 在线: 2
版权声明
版权声明:除非特别说明,本站内容采用Creative Commons License [署名-非商业-非派生]许可;禁止克隆、抄袭和传播本站的UI外观及模板式样。
链接地址:OnLing.net
程序支持:LBS
推荐使用:Firefox!
Copyright © 2006. OnLing.net
陕ICP备05001455号
订阅OnLing‘s Blog
google analytics
onling‘s Google Page
经常光顾的网站:
chinaUI |blueidea |billwang
设计在线 |视觉中国 |网易学院I
火星时代 |太平洋学院|im286
虚拟无忌|迪客虚拟|W3C标准
Essay Archives |VRP|5d
视觉同盟|virtools|tech.nytimes
关注的BLOG:
rokey |icebin |keso|liurun
[i D | 公社] |jonathan
azure|刘师兄的Blog|老冒(UU)
blog中文翻译|刘韧|dodo
xinsoft| 小铠地带 |
朋友的BLOG:
蓉儿 |同兰阁 |NonStop
ammonite |Yoguat | wizjo
E.D.D.Y. I
关注的成长的WEB:
豆瓣网 |土豆网 |gougou网
engadget|blogbus|DoNews
wowzine
OnLing推荐资源:
SDO图库 |字体库|3D库
三维地图|好站网址|fasticon UI
大学数字博物馆|POCO
tychomusic|openwebdesign
splutterfish
About OnLing:
www.flickr.com
what is this?
This is a Flickr badge showing photos in a set calledoblingpic. Make your own badgehere.
Name:OnLing QQ:286582469
MSN:Myonling@hotmail.com
E-Mail:onling.net@gmail.com
Zq@onling.net
OnLing正看的书:
OnLing‘s Blog
最新日志
上周的UI练习~web2.0概念结构尽心就是完美~电动车造型因素分析网站制作流程及界面...三种雕塑质感心浮气躁~童车外观设计探讨
最新评论
麻烦也给我一份:jan...对不起!我的邮箱应...给我一份,yingqunzho...请给我一份,谢谢了 m...有些锯齿哦...呵呵....也请给我一份,谢谢 ...原图我也没发现,但...请问,第一张图应该...
友情链接
OnLing‘s BBS
operstudio
原文如此.SiC
Nicky‘s blog
布罗特的Blog
2s-space
乡巴熊俱乐部
人见仁爱
GhostEver Ghost
夕照街
WE17 | 我们一起
08Design
opennet
jacklam‘s Blog
KEFAN BLOG°
=20岁纪念册=
Abc^LIN
LlinZzi‘s Blog
友情提示:申请前请先做好本站连接,所有链接申请请到留言簿留言,内容最好能多让我多了解你,内容相似,页面设计漂亮,勤奋好写的,欢迎连接,^_^
BXNA TopN News
Microsoft .NET Framework 全系列下载全景携手金犊为学生创意提供支持北京互象动画有限公司——招高手纳强人Flash动态解析Web应用程序服务器路径希特勒&小布什超级玛丽奥是这么玩地Hello HumanSupport AudiovisualFonky Family卡通笔触的实现(附源代码)
Powered byLBS Version 2.0.304 © 2005-2006 SiC/CYAN.
9 DB Queries | Proccessed in 250ms
网站制作流程及界面交互设计研究探讨 - OnLing‘s BLOG
网站制作流程及界面交互设计
策划开发一个项目 at onling’s blog
最新的web界面交互设计
Cero’s Weblog Blog Archive 个人网站&Blog网站目录结构探讨
web交互界面易用性设计和验收的指导性原则
关于界面和交互设计的思考1
数据研究在交互设计中的应用
网站制作流程
网站制作流程
网站用户体验设计-交互体验
界面设计、交互设计及程序开发(一)
界面设计、交互设计及程序开发(二)
OA系统中流程设计方法探讨
设计流程的研究分析
设计流程的研究分析
有趣的交互设计BLOG集锦 | 交互设计禅意花园-Alitedesign.com
Interface是界面or介面? - 麦兜的交互设计| Maison Interacti...
交互设计
交互设计
10个设计最经典的web2.0网站 - 何昕博客(Alpar‘s Blog)
推广网站二十四招 - blog of wind‘s wing - 闪字制作,logo在线制...
东行记 jiahou‘s blog: 资料:有关思维导图和概念图研究的若干网站
教学设计研究发展趋势的探讨