回归体验――我喜欢网设计小结网页设计
“哟老师”通过精心收集，向本站投稿了13篇回归体验――我喜欢网设计小结网页设计，以下是小编整理后的回归体验――我喜欢网设计小结网页设计，希望你喜欢，也可以帮助到您，欢迎分享！
篇1：回归体验――我喜欢网设计小结网页设计
富媒体内容丰富的web时代，互联网已经是获取内容和收集内容的一个必然途径，通过图片、文章等等…的内容资源，如何能实现更好的收集与分享将变的更加重要。在每一位UGC用户贡献内容的同时，他们也在相互消费着其他的用户内容，基于兴趣内容的互动就这样产生了。依托于碎片化的内容收集，可以清晰的看到到我们的兴趣图谱。让丰富的兴趣内容吸引更多的相关用户，使发现好内容、发现兴趣相投用户变的更简单。作为一个以浏览器为基础延伸出的创新产品，基于web用户浏览收藏网页内容的强需求，我喜欢网通过与浏览器的深度结合，努力为用户提供更有价值的互联网服务。创新和探索正在使得这个产品不断趋于完善，很多功能和体验都需要进一步的优化。努力为亿万用户提供最好的web体验是我们的责任。
在接触我喜欢项目的这段时间里，从自身使用、数据分析以及用户反馈中总结了一些设计中的感悟，在这里我们一起聊聊如何在设计上优化产品体验。
一、新视觉形象Logo设计：
我喜欢-基于兴趣的内容分享社区，通过融合网站核心功能，以及极富情感化色彩的网站名称“我喜欢”，设计了更符合产品定位的Logo视觉形象。
新Logo紧紧围绕用户互动行为（核心功能点 – 收集），以及带有强烈情感导向的网站名称“我喜欢”为设计思路，将抽象的用户行为和情感因素具象化。以诠释收集行为的回形针与情感化表述的心形icon做为设计元素相结合，设计了这版心形回形针的logo。在整体的造型上 又做了一些规范化的处理，以适合不同环境下的标准化应用。
二、ICON风格统一化：
通过在logo上的延展，设计了风格相符的icon，不仅在视觉元素风格上达到高度统一，也提升了品牌形象感。
三、主导航优化：
在之前的版本中，导航冗余信息太多，频道名称相对较长，
对于我喜欢网这样的一个响应式网站，在不同分辨率下页面宽度是自动适应的，这样就会产生导航在小分辨率下的显示效果极为臃肿。
在多次的调整和尝试中，最终决定使用如下版本。介于网站展示内容以图片为主，深色导航更能够压住页面内容，同时logo的形象的展示会更充分。新的导航采用了吸顶式设计，将分类选择融入到导航中，在页面浏览的任何时候都可以做快速切换，优化了网站浏览体验。
四、浏览器扩展程序优化：
在这一版的改进中，我们在围绕功能点优化的同时提升了用户体验。优化的内容如下：
收集内容在插件中实时预览查看；
兴趣电台“随便翻翻“ ，在这里可以发现更多精彩内容，你也可以点按“收集icon”随手收集起来，稍后查看。
兴趣频道也让这个扩展程序变的更有活力与情境，伴有一丝的意外与惊喜。让原本生硬的内容推荐变的更有情调，更易于接受。
整个扩展程序面板在视觉上做了较大的优化。系统化的梳理了面板交互结构，调整了tab视觉样式、icon风格统一化调整，以及图片展示和交互效果。
小结：
在整个项目的设计的过程中做了很多细节上的微调整，有些时候必须一像素一像素的比对调整，提高内容的可读性。对于瀑布流上每个版块之间的间距，先适当放大，再去测试，不合适再一点点的缩小，去一次次的寻找最佳的间距尺寸。这样做一方面使页面更整体有序，同时也增强了内容的可读性。设计上哪怕一个微小的变化都可能会带来一些预想不到的影响。有时候真正的挑战不是修正你发现的问题，而是修正这些问题的同时不破坏已经正常运行的部分。用户体验的改善不仅仅是交互上的易用、视觉上的美观，产品本身的可用性是构建上层建筑的基础，基础体验的优化是不容忽视的。后续的优化仍在继续中….
欢迎体验我喜欢网：www.woxihuan.com/
篇2：网页设计课程小结精选
自从第一天接触《网页设计与网站建设》课程，我以下定决心要把网页这门课学好，做出一个优秀的网站。所以我时刻没有错过任何学习的机会，无论在课堂上，还是在课外上。更何况这一次实操。回顾今次的实操我觉得我过得很充实，很有意义，因为我可以诚实的说我在实操没有玩过一次游戏，我每时每刻都在设计网站，还记得晚上做网站做到一、二点，可能有人会说我傻，但正因为这个傻的行动，令我学会很多东西，学会别人不懂的东西，做出一个令自己满意的网站，可能跟别人比还需要继续完善，但我不会因为实操结束，就把网页设计抛到九霄云外，我会继续学习网页设计技术，把它变为自己的一项特长。
回顾第一天的《网页设计与网站建设》课程实操，老师叫我们继续完善以前设计的网站，做出留言板、注册的功能。我很快就完成了，但可能我是一个追求完善的人，所以尽管一个网站做好可以马上交给老师。但我做出一个别人都不赞同的决定，从头开始做一个网站。因为我觉得以前那个真的不是太好，尽管实操的时间过去了一半，尽管别人对我说你交原来这个不就行了吗!何必再做一个呢?但真因为我的执著，追求成功，追求完善的人，才会使我今天交出一个令自己满足的答卷。
在制作个人网站时我们首先：
一、必需进行个人网站前台功能设计
包括个人网站主题的确定，前台功能设计与管理、个人网站主页设计、个人网站留言板、注册、忘记密码、搜索等网页设计与管理。
二、对个人网站后台管理功能设计
包括个人网站后台管理功能的设计、后台管理信息系统功能的设计、后台系统权限管理、后台文件管理、个人网站后台管理系统主页设计。
三、网站的发布
通常我们发布一个网站可能以能过域名注册，但我们也可以利用自己主机，装了iis别人就可以通过我的ip地址来访问我的主页。第一次做的那个网页我已经发布在上网了。
四、个人网站推广
一个网站做好了，就要对个人网站进行推广，这是一个电子商务网站必需做得的一步，因为如果你不对你的网站进行推广，就算你发布了也没有人会知道的。
在设计这个网站时真的体会很多东西，从一开始网页主题的确定，到主页总体的设计、搜集资料、前台功能设计与管理、后台功能设计与管理、每个分页面的设计等。我都一一进行了规划，因为如果你不规划好，想做什么就做什么，是不会做得好的。因我为体会到这一句话：“机会中属于有准备的人”。我详细到一个表格宽度都一一列明。例如：775宽度，分三栏，每一栏占多少。因为我深深懂得“细微处才见真功夫”。
在这次实操过程中令我印象最深的是做留言板，因为刚好在上一个星期sql数据库实操做过了，所以今次在做就比较轻松，但我以前是经过一个比较长的练习，做完了n次，可能有人会想，肯定是不会才做这么多次啦!但我想告诉这位同学我每次做得都不是不同的方法。第一次我用的是access数据库，第二次我用的是sql数据库加权限管理，第三次我用的是数据源名称的连接，第四次我用的是自定义连接字符串，第五次……每一次用的方法都是不同的，可能有人会说我傻，会一种方法就行了，还要那么多吗?但我想说的就是不是这么多次的练习，不是之么多次不同的方法，也就不会造就出今天熟能生巧的我，也不会对同学提出的问题解决到，也不会轻松教会同学，因为你自己首先学会，学通，学广，才能把问题一一的解决。
令我难以忘怀的镜头也是在做留言板的时候，但不是为我自己的而做，而是一步一步教同学做，直到令同学学懂;把同学留言板的问题一一解决;当同学因为做不出而没心情，过去对她进行鼓励的，然后一一解决;当自己也不会，与同学共同研究的情况，这种学习氛围是最难得的，就是在做留言板的时候，令我深深体会到我几句话：认真做事只是把事情做对，用心做事才能把事情做好。把每一件简单的事情做好就是不简单，把第一件平凡的事情做好就是不平凡。
篇3：网页设计课程小结精选
自从第一个网站在上个世纪90年代初诞生以来，设计师们尝试了各种网页的视觉效果。早期的网页完全由文本构成，除了一些小图片和毫无布局可言的标题与段落。然而，时代在进步，接下来出现了表格布局，然后是Flash，最后是基于CSS的网页设计。很有幸的,这学期跟着老师学习了网页课程设计，了解了网页设计的基础知识，会制作简单的小网页。
关键字：基础知识原则要点软件发展方向主流技术发布与维护网页设计基础知识说起网页，不得不提几个和它相关的名词。
(1)WWW又称万维网，也可以简称为WEB或3W，是一种建立在INTERNET上的庞大的基于超文本的网络信息系统，具有全球性、交互性、动态性、跨平台、分布式等特点。
(2)www浏览器是专门用来定位和访问WEB信息的应用程序或工具软件。常用的浏览器软件包括Microsoft公司的Explorer和Netscape公司的Navigator.ta.
(3)WWW服务器是对浏览器的请求提供服务的计算机及其相应的服务程序。网页提供者将制作和的网页存放在服务器上供用户浏览。采用客户机/服务器的工作模式。
(4)超文本与超媒体是WWW的信息组织形式。在WWW系统中，信息是以一种非线性的超文本方式组织的。
(5)超链接在本质上属于网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。
(6)URL统一资源定位器是对上资源的一种准确的定位机制，它以一种全世界统一的唯一标识来确定某个网络资源，可以访问上任何一台主机或者主机上的文件。
(7)搜索引擎是一个对上的信息资源进行搜集整理，并供用户快速查询的系统。
(8)网页是构成WEB站点的基本单位，是一种包含HTML格式内容的文本文件，它存放在INTERNET上的WWW服务器中，当用户在客户端浏览器中输入网址发出请求时，就被快速传送到客户机上，经过浏览器解释，在窗口显示丰富多彩的网页内容。
网页设计中应遵循的原则
1、页面内容要新颖网页内容的选择要不落俗套，要重点突出一个“新”字
2、网页命名要简洁在给网页命名时，最好使用自己常用的或符合页面内容的小写英文字母，这直接关系到页面上的连接。
3、要及时更新网页因为网页制作是一时的，而维护更新的工作是每天都要做的。要及时把网页上已经作废的连接应该立即删除掉，
4、注意视觉效果设计Web页面时，一定要用不同于1024*768的分辨率来分别观察。
5、随时注意网站升级时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。
6、网页内容要易读必须花点心思来规划文字与背景颜色的搭配方案。注意不要使背景的颜色冲淡了文字的视觉效果，别用花里胡哨的色彩组合。一般来说，浅色背景下的深色文字为佳。
7、善用表格来布局要注意多用表格把网站内容的层次性和空间性突出显示出来，使人一眼就能看出你的网站重点突出，结构分明。
8、少用特殊字体在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。
9、多学习和使用HTML为了成功地设计网站，你必须理解HTML是如何工作的。还有一些小细节：尽量少用Java程序，少放网站地图，要为图片附加注释文字，做个网站介绍，考虑浏览器的兼容性，不宜多用闪烁文字，每个页面都要有导航按钮，避免长文本页面，网页风格要统一，动画最多只用一个，善用图像，网站导航要清晰，最好不用记数器，不能忽视错别字，不要用框架，使用著名的插件，使网站具有交互功能等
网页设计要点
一、确定网站的整体风格
1.将你的标志logo，尽可能的放在每个页面上最突出的位置。
2.突出你的标准色彩。
3.总结一句能反映贵站精髓的宣传标语!
4.相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的!
二、网页色彩的搭配
1.用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。
2.用两种色彩。先选定一种色彩，然后选择它的对比色。
3.用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿;或者土黄，土灰，土蓝。
网页制作工具软件介绍
1.Dreamweaver，用于编辑HTML、ASP、JSP、PHP、CSS、XML、JS的页面制作工具;
2.Frontpage，跟Dreamweaver一样，不过个人感觉还是Dreamweaver好;
3.Flash，网页需要画面流动时的首选择;
4.Photoshop，图像处理软件，一般网页都需要有图片相搭配，Photoshop是款很强大的工具。
5.Fireworks，跟Photoshop一样都是图像处理软件，但Fireworks偏向与对网页的处理。网页设计发展方向
1.更多的CSS3+HTML5这是期待已久的事情。在过去的几年设计师已经开始关注和使用CSS3+HTML5，但在20XX年CSS3+HTML5将会得到更广泛的应用。网页设计师最终会抛弃Flash。Flash不再是昔日的王者，新技术(指CSS3+HTML5)将会取而代之。20XX年，Flash渐行渐远，魔术师“HTML5”成为舞台的主角：
2.简单的配色方案
没有比纯色的背景更直观更简洁。纯色可以有很多种表达方式。不要老是黑白灰神马的，太不给力了。多点考虑绿、黄或者红作为你的网页主色调。当然，颜色最好保持使用2到3种。调整颜色的透明度，或许会给你意想不到的效果。网页制作主流技术目前，最常用的三种动态网页语言有ASP(ActiveServerPages)，JSP(JavaServerPages)，PHP(HypertextPreprocessor)
ASP全名ActiveServerPages，又成为服务器端的VBScript，所以采用我们非常熟悉的VB语法。由于采用Basic语法，只要熟悉Basic语言，有点html基础，要学习掌握ASP是很简单的事情。任何文本编辑都可以进行编辑，当然，对于asp我们还是推荐采用Microsoft公司的InterDev。可它却只能在NT和win20XX上很好的支持。
JSP全名JavaServerPages，采用java语法，由于java体系的任何东西都是需要JDK支持的，同样，JSP也离不开JDK。由于java高度的面向对象和灵活性，所以，比Basic稍微要难点。任何文本编辑都可以进行编辑，但是，却需要JDK先编译好。对于我们目前流行的两种最主流的网络操作系统(UNIX/Linux和NT/Win20XX)，都能很好的支持。
PHP全名HypertextPreprocessor，采用类似C的语法。由于采用C语法，要学习掌握PHP也是比较简单的事情。任何文本编辑都可以进行编辑。对于我们目前流行的两种最主流的网络操作系统(UNIX/Linux和NT/Win20XX)，它都可以很好的支持，而且根本不用修改任何代码。
网页设计发布和维护
网页在本地制作完毕并测试成功后，需要上传到上，这样用户才能访问，如果是个人网站，可以到上申请一个免费空间。维护网站在上传网页之前，还有一些工作需要做，这也是维护网站的一些手段，如：
(1)站点报告
(2)检查站点范围的链接
(3)查找和替换功能
(4)清理文档
(5)保持同步
篇4：网页设计课程小结精选
现在，计算机和网络已经深入到了我们生活中的方方面面，也已经成了生活中不可缺少的一部分，网络成了我们获取知识和信息的一种便捷工具，现在的网民也在不断的增多，所以，了解和学习网络知识是我们作为一名大学生迫切所需的。我利用寒假的时间，对网页设计进行了初步的认识和了解，并基本掌握Dreamweaver的应用。
通过寒假期间的学习，在学习了网页设计的同时，我更加深入的了解了关于计算机和网络的知识。基于大一对计算机基础与C语言的基本掌握，自学网络设计的基础部分便显得较为轻松。谁然如此，在设计过程中依然出现了很多的问题，但通过看书，上网查询，等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。
通过对网页设计书籍的翻阅，我学习到了一些关于建设网站和制作网页的知识，在实践查阅资料时，对flash也有所了解。我还了解了一些基础的网络技术。通过学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，他是、Flash、Fireworks等网页软件的综合应用。下面阐述一下我在翻阅《Dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。
首先，要确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用;其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.
在完成以上的基本内容之后网页的基本框架便成形成了。下面要开始的便是优化工作，内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站(有很多页面)的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，很浪费时间和财力。大纲列出来后，还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也会为主页将来发展打下良好的基础。下一步，就以动手制作具体内容了，题材选定，框架选定，接下来就开始往主页里面填内容。
如果是个人主页，有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料。在准备材料的时候我们可以用一些小的动画和动态图片，Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，效果可以很直观的反映出来。然后是开始正式制作主页。通过Dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。
总体来说，通过这个假期对网页设计的学习，有收获也有遗憾。但是，我已经迈入了网页设计的大门，只要我再认真努力的去学习，在今后的闲余时间学习制作网页的更多知识以实现自身技能的提高，我坚信将来设计出的网页会更加专业，更加华丽，使它最终成为自己的一项技能。
篇5：网页设计课程小结精选
步入大三，对于我来说已经到了学习专业课的重要阶段。怎么明确思想，理清思路，好好的学习专业课程对于已经二十出头的我显得至关重要。大学是步入社会的环节也是关键的转折点，想要好好的适应社会就必须在大学期间提高自己的文化水平和道德修养，其关键因素就是要好好学习，学习知识，学好专业，并且热爱自己的专业，学会为人处世，更要学会做人。大学，我们学到的不仅是知识，文化，还有就是社交能力。想到当初为什么选择了平面设计专业，真是是自己喜欢吗?不禁要反问自己。
大一入学本一直抱着学环艺的思想最终选择了平面设计专业，经过大一大二两年的专业课的学习，我逐渐发现热爱插画自己渐渐喜欢上了平面设计专业，发现自己对色彩的感觉非常强烈。喜欢上了波普艺术，喜欢上了安迪·沃霍尔，喜欢上了草间弥生，迷失在无穷无尽的圆点里，欣赏福田繁雄的作品。这些都让我找到了自己的路，果断的选择了平面设计专业。大二下学期我们开始了平面设计专业的专业学习，这让我更加进一步的认识了平面设计的魅力。我们相继开展了标志，字体，书籍等平面设计专业课程，让我们从多方面学习了解平面设计并学习和探讨。学东西不在多而在精，通过大二下学期的平面设计专业的学习让我深刻的认识到学习理论和课外扩展也同等重要。在大三上学期的网页设计课程也让我的这种感受颇深。
本学期的网业设计课程，是我非常喜欢的波波老师的课，并且波波老师他本人是一个非常负责的人。对于我们学生来说，可以激发学习兴趣，调动学习的自觉性，自己动脑、动手，动口，老师的指导非常重要。网业设计课程让我学会了运用网络资源，结合教材及老师的指导，通过自身的实践，来创作出积聚个人风格、个性的个人网页。本身来说我就是一个比较喜欢设计个人风格和个性界面的人。这次学习给了我机会，实现了我的愿望。总体来说，这个学期的网页学习过程，我学会了很多知识，虽然过程比较艰辛，但在Intente领域中，有了一个展示自我的空间，我觉得很开心、很有成就感。
邢益波老师是一个非常有趣的老师，采取了一种新的教学方法，利用《什么是网页设计?》这本书作为教学教材，声神并貌，系统的讲解了网页设计的发展过程。首先我要好好说说这本书，这本书里没有任何对于设计软件工具使用的介绍，没有一行代码的解释，而是从最基本的用户界面设计历史和HTML发展历史开始说起，提供了设计师基本的知识背景搭建;而后，描述了设计师面对设计案例时的整体流程，从如何与客户交流开始，以项目如何交付而终，涉及了商业定位，用户研究，交互设计，可用性测试等各个工作节点。
以客观的眼光看待设计师、客户和其他由于技术或信息输入而参与到设计中来的人群之间的关系，并强调了设计师同这些具有共同目标的伙伴们相互理解与合作的重要性。一个好的构思只有在被最终实现后才能称其为成功的构思，而为了达到这一点，就要求熟练掌握其中的每一步程序。网页设计的要点是设计第一而技术其次。
这本书总结了与当今和未来技术发展相关的设计理念。网页设计作为目前最受瞩目的设计领域，也吸收了许多其他领域的因素。这本书也阐述包含了这一点，从而令网页设计更加易于理解。以客观的眼光看待设计师、客户和其他由于技术或信息输入而参与到设计中来的人群之间的关系，并强调了设计师同这些具有共同目标的伙伴们相互理解与合作的重要性。一个好的构思只有在被最终实现后才能称其为成功的构思，而为了达到这一点，就要求熟练掌握其中的每一步程序。
与大部分教做网页设计的书不同，这本书并没有先教你认识DWPS这类软件和大量用户手册式的操作指引;也没有引用大量精美案例让你不断看到好感觉的设计却回头只有自己无尽的虚空。相反地，这本书实实在在让设计师们(或者想要成为网页设计师的朋友)从认知出发，不谈表面易让人误会网页设计师就是美工的逻辑，而转谈作为一个网页设计师应涉猎哪些知识，和将会跟怎样的合作者互动来开始引导。从思维与观念而不是仅仅从技术上谈论网页设计的一本不可多得的好书。
这本书可以更好的让我了解网页设计，软件固然重要，但是理论更加重要，好好了解一门专业技术的发展和历史有助于提高审美水平和文化修养，也对我学习并了解认识网页设计这门课程，提供了巨大的帮助。有助于我对网页设计的认识更加广泛，系统，让我对这门课有了更加深刻的理解。
对于学习网页设计，软件的学习也同等的重要。学习软件技术也是一个非常重要的环节，不能有理论没实践，有实践没理论，有创意没技术，有技术没创意，在网页设计中这几者都同等的重要。想要学好网页设计必须好好的掌握好软件，必须非常熟练的掌握Dreamweaver，Flash等网页设计软件。
作为网页设计的初学者，首先我对网页设计非常感兴趣，一心想设计出一个美观、实用、内容丰富的个人网页。本学期的邢益波老师修改教学方案由以前学生单纯接受知识变为学习探讨理论，自主设计与参与教学活动。在这样的压力和动力下，通过自己动手、动脑，通过借助网络资源和老师的悉心指导，在不断发现问题和解决问题的过程中学到了很多知识，也增强了我的创作能力和动手能力，在网页设计过程中，从构思到设计、完善、维护，整个过程我都全身心投入，使我真正学到了网页设计的精髓所在。
在设计和创造个人主页这个过程中，我通过自学教材、上网查询，学习了Dreamweaver、Flash等网页软件的应用，学会了管理、维护自己的站点，和美化网页。在设计过程中也出现了很多的问题，但通过看书，上网查询，请教老师等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。但是由于课程比较多，学习软件时间也比较少，对于网页设计软件的强大功能运用得还不够。在网页设计过程中，由于没有网页制作代码的知识，所以在设计时也遇到了很多麻烦，在网页制作过程中，我意识到想提高设计水平，想有个理想的网页，必须学会代码的运用，我将在以后的学习过程中不断加强这方面的学习，希望波波老师能简单介绍一下代码，让我也对它有个初步的认识，以后再加强学习也才会有所提高。
通过本学期学习网页设计我体会到以下几点：
1、设计前要有筹划
设计主页也许并不是很困难。但这一作业与自作宣传海报一样，都需要我们谨慎处理和筹划。换言之，我们必须首先确定自己需要传达的主要信息，然后细意斟酌、把所有意念合情合理地组织起来;之后是设计一个页面式样，试用于有代表性的用户，接着重复修订，务求尽善尽美。
2、选择内容要有新鲜感
万维网上不断有新事物出现、每天都有新花样。如果你的主页从不改变，大家很快会厌倦。因此网页内容的选择要不落俗套，要重点突出一个“新”字，这个原则要求我们在设计网站内容时不能照抄别人的内容，要结合自身的实际情况创作出一个独一无二的自己的个人网站。所以，我们在设计网页时，要把功夫下在选材上。选材要尽量做到“少”而“精”,又必须突出“新”，我相信这样的网页一定会受到大家的欢迎。
3、内容相对实用性大
一个网页尽管设计得趣味盎然，引人入胜，但这不是吸引大家最好的理由。要想最大限度地留住大家首要的是要让它有用处。这样做的一个很简单的办法是提高内容相对实用性。
4、网页命名要简洁
由于一个网站不可能就是由一个网页组成，它有许多子页面，为了能使这些页面有效地被连接起来，给这些页面起一些有代表性的而且简洁易记的网页名称。这样既会有助于你以后方便管理网页，在向搜索引擎提交你的网页时更容易被别人索引到。在给网页命名时，最好使用自己常用的或符合页面内容的小写英文字母或相关的汉字，这直接关系到页面上的连接。
最后总体的来说，通过本学期的邢益波老师课程的学习，我更加确信了我当初选择平面设计专业的激情和坚定。通过这次网页设计课程的学习，有收获也有遗憾、有了解也有不足的地方，但是我想，我已经学习并迈入了网页设计的大门，只要我再认真努力的去学习，去提高，凭借我对平面设计和网页设计的热情和执着，我将来设计出的网页会更加专业，更价的完善。尽管大家和老师都说设计专业是一条不归路很难走下去，尤其是女生的转行率很高。但是我相信通过我持续不断的学习和探索，我想我一定可以在平面设计这条道路上持续并且很好的走下去，也希望波波老师在今后的日子里多多指导。
篇6：体验亚马逊网页设计
不得不承认的是亚马逊在用户体验这方面是真正想用户所想的，不论是大局上还是细节上，都是值得学习的。
1、导航，下拉菜单的形式，容纳更多内容且与操作结合。
Amazon的导航由原来的Tab形式改为了下拉菜单的形式，好处是使原本展开较多较复杂的内容变的少而精了。 下拉菜单的形式可以容纳更多的内容，并且还可以与操作结合，非常方便！好的体验就是让用户用最少的点击最快达到目的。
2、类目，下拉菜单节省空间。
Amazon在类目上的做法也秉承了导航的风格，下拉的菜单形式大大节省了空间。且把类目放在左上角的位置更醒目更突出，对于依赖类目的用户来说引导更强了。
国内大部分电子商务网站的类目往往是全部展开在首页的，占据了大约1/2的空间。如此大的空间投入是否会带来同比的收益呢？值得思考。（这里的收益除了商业利益之外，当然还包括了用户的体验）
3、产品推荐区，占据了大部分的空间。
与导航和类目做法截然相反的是产品推荐区域。Amazon豪不吝啬地把3/4左右的空间都用在了产品推荐上，我是很喜欢这样的做法，对于漫无目的闲逛的人很受用。
还想特别强调一下这个功能：
其实原理跟翻页差不多，只是把多个产品放在了同一个平面上，点住那个箭头不放还有旋转的效果，很绚！！
4、博客预览，先感觉一下，别进入后悔。
这个是在亚马逊网站首页处的博客入口，设计的时候，考虑到用户进去不一定看到自己想要的东西，毕竟博客的具体内容你是不知道的（不象分类的目的性那么明确），所以亚马逊在你决定进去之前，先让你预览一下内容，
这个设计不让用户浪费无畏时间。赞！
5、搜索，让我感受到体贴
下图是我抓取搜索的图拼合起来的，大致数了一下detail页面就至少有7个搜索。除去常规的导航和底部的搜索，中间各个部分的内容模块，只要内容稍多便提供搜索框，感觉好方便。而且对应内容模块就有对应的搜索，比如搜产品、搜评价等等，真的很人性化！说实话，目前还没见那个中国的电子商务网站把搜索做到如此合理。
6、评论的直观图和星级，让评论结果更直观。
亚马逊不只是给出评论的人数，更多的给出评论等级的直观图这个才是最受用的，还提供对评论的回复和打分机制，让交流更实际、直观。
7、替我算账，让我直观地感受到实惠。
在价格表现上，看到了对比的手法；首先标出原价（划掉），然后标出现价，下面还有一行数字，则是替你算出在这里买节省了多少钱，让你直观的感受到实惠，诱惑呀！
8、捆绑销售，更实惠！
Better together 的做法让人感觉更实惠了。现实中也会经常碰到这样的情况，比如手电和电池捆绑、洗发水和护发素捆绑等等，反正都是需要买的，现在一起买还更便宜了！实在是很诱惑！
亚马逊的很多做法相对于国内电子商务网站而言都是创新的，但这种做法恰恰迎合了用户的操作体验，且真正贴合了实际生活！
来自：www.jxucd.cn/?p=30
篇7：移动体验设计不同于网页的交互设计
因为工作的缘故，最近在整理相关的移动手持设备的体验设计思路，顺便贴出来和大家一起讨论交流， 下面是adaptive path的Rachel Hinman分享的一段PPT演讲稿，感觉非常有收获，把核心内容整理了一下，来一起看看：
Mobile User Experience: What Web Designers Need to Know
网页设计与移动界面设计的对比（不同纬度）
网页设计师 – 积累型专家
移动界面设计师 – 探索者
网页 – 多平台；
移动 – 唯一识别性
网页 – 关注要表达什么观点和意义 – 任务
移动 – 关注什么能发生 – 可能
网页 – 人和事（语义、社交）
移动 – 地点（时间、空间）相对来说，移动设备的优势在地点，也就是可以帮我们解决时间和空间的关系
网页 – 建议一个情景（空间和环境）
移动 – 融入到真实情景
网页– 参考了不完成的情景模式，过于专注“手段”和“解决方案”，忽略WEB怎么能更好；
移动 – 移动设备是一个媒介，他专注于它能做什么，同时，理解并依据情景，专注于需求；不用过多考虑启发思维和技术约束，因为它们变化比较快
网页 – 以任务为中心，强调目标和观点；
移动 – 尽量展现可能，提供给用户关联情景下的可能选择；
优秀的移动体验是Great Mobile Experiences：
独有的are uniquely mobile
设计Tips：
弄清楚手机能提供什么；
弄明白需求和解决方案的不同；
关注于什么能让移动设备更独特；
给予情景支持are sympathetic to context
情境是关于如何去理解人、地点、事情的关系
Context is about understanding human relationships to the people, places and things in the world.
关系的定义大概包括了语义、社交、空间、时间的关系
Relationships are Semantic、Social、Spatial、Temporal
设计Tips：
为部分关注和中断而设计
Design for partial attention and interruption
减少认知时间和机会成本
Reduce cognitive load and opportunity cost
疯狂的想象
Ideate in the wild
清晰-简单-直接speak their power
设计Tips：
移动关注的不是任务，是所有围绕着用户的信息；
Say good-bye to “done”.
思考所有的可能性
Think possibilities, not tasks
去掉界面中的隐喻，直截了当
Dismantle the page metaphor. Boulders to pebbles.
总结： 移动体验的核心是关注用户所处“场景”的需求；设计做到直接了当（扑克牌的思路）；产品研发需要探索移动设备的独有性以及所处环境的“一切可能”需求，
移动体验设计不同于网页的交互设计
，
本文来自：www.moond.com/lab/?p=119
篇8：豆瓣FM产品体验小结交互设计
1 以目标为导向，为用户提供优雅的体验
豆瓣FM的用户使用目标是听音乐，当我们进入一个音乐网站，如一听音乐，一般用户的操作流程是搜索浏览-选歌-打开-听歌，如果想换歌还需要反复上面的操作，相对于其他竞争对手产品，豆瓣FM单纯地关注于音乐本身，用户不需要繁琐的操作流程，打开网站的瞬间就有音乐飘入耳朵中，最新版本的豆瓣FM为注册用户提供了私人频道、公共频道和DJ频道，用户可以根据自己喜好进行调频换台，整个完整的操作流程打开网站-听歌-调频体现了产品的收音机隐喻设计理念，更符合用户的心理操作模型，为用户提供了轻便而优雅的使用体验，
2 极简的界面设计，交互的及时响应性
豆瓣的界面设计极为简洁，界面设计只关注音乐本身，整个界面分为四大块，从左到右分别是三个频道、播放器、用户听歌信息及社交分享，去除了其他无关紧要的功能。豆瓣的交互设计多采用鼠标悬停时颜色有变化，提示用户可以操作，响应及时，让用户具有强烈的操作感，播放器设置面板上提供五个操作，右上角是暂停按钮，不过新版的暂停按钮有点小了，每次使用起来很不方便，要是我设计的话，我会把暂停按钮设计的大一点，至少是目前的两倍，
中间播放进度下面是调节声音按钮，这是一个亮点设计，这也是我最爱豆瓣产品的原因，追求极致的简洁，当鼠标悬停在调节声音处时，会自动弹出调节条，用户可以拖动至合适的音量，当鼠标离开时，页面中只剩下了声音的logo标志，保持了界面的简洁。最下面是红心、删除和下一曲按钮，主要是用户听音乐过程中的操作。
3 个性化音乐推送算法
豆瓣的亮点功能是根据用户的收听行为，为用户推送类似或者相近的音乐，这个过程不需要用户过多的参与，用户在听歌的过程中，只需每首歌进行标记诸如红心，删除，还有用户在豆瓣音乐上的社会化行为，比如有哪些音乐标签，喜欢哪些歌手，在听哪些，想听哪些，乐评等。
4 新功能不干扰用户，需要用户渐进式操作
豆瓣为用户提供了分享入口，可以将自己喜欢的音乐分享到豆瓣、微博、MSN、开心网、人人网，这些功能前提都是不干扰用户听音乐，需要用户渐进式的操作。
5 豆瓣的缺点
数据库曲目较少，歌曲重复播放率较高，推送算法还需要改进优化，同一首歌无法连续听一次。
篇9：网页设计给用户体验带来的影响
首先在深圳网站建设中网页设计对于一个人也是很重要的，这就像一个人的穿着打扮。要给大家留一个好的印象。所以第一眼很重要的，所以大家在设计网页的时候一定要设计美观一点 按照用户的体验去设计。
一 、网页速度直接影响用户体验
网页速度直接影响用户体验，而影响网页速度的主要原因有两点： 1 界面设计 很多人为追求美观，把界面设计得很漂亮，于是网页上到处都是图片，甚至连导航都用flash设计的。这样的网站确实美观，但是增加了速度的负荷，而且优化起来也不好优化。 像网易、腾讯等大站，这么庞大的数据系统，打开速度并不慢，在技术方面暂且不说，只看界面，简单但不失美观，相比下自己的网站，不需太累赘的图片也能达到美观的效果，同时还能带来很好的用户体验，在这点上还是需要多多注意的。
二 网站空间服务商
除了界面外，空间服务商也是个很重要的原因。做网站就不能因为要省下几十块钱而去买个不好的空间服务商。红姐的博客刚建立时，购买的空间不好，很多人反映网站打开速度太慢，后来红姐毅然换了空间服务商，同时也把博客换成打开速度较快的主题，这才解决了网页速度这一大问题。 所以这里我要说的是，想要做好网站，就要花多点钱购买一个稳定、带宽好点的空间。
三、颜色是影响网页的重要因素
无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。 不同的颜色给用户带来不同的情绪，比如红色、橙色给人一种热情、亢奋的感觉，黄色使人联想到阳光，绿色是和平的象征，蓝色是用度最广的颜色，几乎没有人会对蓝色反感。所以，做网站时一定要给自己的网站定位好颜色，一个页面不能太多颜色，会给人很花的感觉。
四 、导航设计
导航是整个网站的指南针，带领用户准确查找所需的信息。
红姐从以下方面讲述导航设计的重要性：
1 从优化方面看导航 在第二点说到，有些人会把网站导航设计成flash的形式。flash的导航是很有特色，但是不利于优化。蜘蛛抓取网页根据文字和的脚本进行抓取，而flash导航把所有的链接都放到了flash脚本里，蜘蛛是不会抓取flash脚本里的链接的。 2 从用户体验方面看导航 有些不成熟的网站，尽管导航设计得非常漂亮非常有特色，但是用户体验并不好。为什么呢?请看下面这个网站的导航：
五、版面设计
用户浏览网站的习惯(可浏览文章用户是如何浏览你的网站的)，是以“F”字母的特性浏览。“F”，从书写上，先写上面的一横，然后一竖，最后是一横。用户浏览网页也一样，先从左向右浏览，然后从左边开始由上到下，再从左向右。所以，也就是说，最重要的信息应该放在左上的位置，通常这里是放 logo。根据这个特性，把最重要的信息排在
[网页设计给用户体验带来的影响]
篇10：十五中网页设计中最差的用户体验
1、恶意插件，恶意弹出窗口
处于某种或某些意图，在网站嵌入恶意代码、插件，或弹窗。
2、无限制的使用flash及图片
无可否认，适当的用一些图片及flash，可以增加网站的生动性，增加视觉冲击力。但无限制的使用flash及图片。会造成页面文件超大，占用浏览者的cpu资源，并且不利于页面更新及搜索引擎对网站的抓取。
3、网站页面过长
在一个网站的首页，能看到第三屏内容的人只有10%以下 一个过长的网站很容易引起浏览者的视觉疲劳，更何况大部分浏览者很有可能已经被前两屏的内容吸引到别的页面去了。
4、不友好的导航
不友好的导航是最影响用户操作的， 不能让用记很方便的找到自己想到的内容。用户来到一个页面不知如何返回上一页，不知道当前页面是在哪个栏目下的。这样的网站很可能用户来了一次就不会再来了。
5、过期的信息
很久不更新的信息，很容易让浏览者感到反感，而且在心中也会对你这个网站的品牌形象大打折扣。
6、死连接或连接错误
这个就不说了，这是最基本的错误，但是好些还有这样的错误，包括新浪这种大网站。
7、孤立的页面
用户不知用什么方法返回首页。这种情况往往是出现在信息提示页或内容调查的结果页上。
8、页面没有视觉差异
页面没有视觉差异，页面设计很“平”缺少“层次感”，缺少视觉冲击力和亮点。或者视觉冲击力突出的并不是网站的主体内容。这是没有经验的设计师设计大型网站时最容易犯的错误。
把一大堆信息铺天盖地的展示到浏览者的眼前，你认为他会记住多少? 页面设计要吸引并引导浏览者来观看你想推广的内容或产品。当然对网页“层次感”的设计平不是简单的用一些纯度高的颜色来实现，要根据页面的环境及周边元素综合考虑。 就象在一个黑板中画一个白点很明显，但在一个白板上画一个白点就看不清楚了。
9、链连没有标准的表现形式
现在很多刚上网站的人还只认为有带下画线的文字才是链接。 网站要有统一标准的链接表现形式，并且要和没有连接的文字有区别。要让浏览者很方便的认出哪些是连接的文字。
如果是图片加的连接要在图片下标出“ 点击图片见大图”，图片一定要加“alt”属性“更多”要用中文写最好不要“more”或者标点符号代替。
10、过多的运用新技术
所谓新技术，就是只有少数人掌握的技术，虽然有可能他的视觉效果很好，功能很强大，但过多的运用新技术，就意味着你准备抛弃99%的用户。
11、缺少互动的内容
缺少互动的内容，缺少网友的参与。不能让网友表达情感和思想，注定这个网站只是个死网站。
12、过复杂的文件目录及文件名
过复杂的文件目录及文件名，不利用搜索引擎对页面的拾取，并且也不利于浏览者的记忆。几乎100%的人输入网址时会用到IE的缓存。目录和文件过于复杂，排在IE缓存很靠下的地方，你当然被第二次访问的机率小的多。不要说什么用收藏夹。你以为会有超过一半的人会用收藏夹吗？而且象我这种收藏夹过于庞大的人，想在收藏夹里找一个网址也是比较不容易的。
13、使用框架
不建议使用框架。不为什么，就因为搜索引荐不喜欢。 连google的广告计划中，对有框架的代码都是单独的。
14、超长的页面下载时间
如果页面下载时间超过30秒，很难有用户会喜欢你的网站。
15、页面中不要过多的用“_blank”
过多的弹出新窗口，会大量占用计算机的资源，影响浏览者的浏览速度。
[十五中网页设计中最差的用户体验]
篇11：PPT:HTML5 表单――为体验而生网页设计
这是之前组内分享的一个PPT，关于HTML5的表单，本来想整理成文字的，由于精力有限，终于决定放弃，偷个懒，直接把PPT放上来～～
个人认为表单是HTML5的最大改进之一，它也被业界称为web form. 2.0，这种称呼是名副其实的，从HTML3.2(1月)到HTML4(1912月)，旧的表单陪伴了我们十几年，始终没有太大的改进，HTML5表单不仅仅大大的改进了表单的功能，改进了表单的语义化，同时也是对用户体验的一次增强，而对前端开发者来说，HTML5表单也可以大大增加工作效率。
不多说了，看PPT：
Html5 表单
关于HTML 5表单的几个要点：
浏览器遇到不支持的input type的时候，会将其解析为默认的text，所以在项目中可以大胆的使用相应的type；
mobile webkit对range type的支持不完善，可能是因为它对css appearance的支持不足；
W3C只规范了HTML 5表单的内容，并没有定义其实现方式，各浏览器实现的UI出现差异成为一种必然；
如果你对HTML5表单有疑问或更好的认识和经验，欢迎通过评论提出～～
PS:发现现在Chrome dev版本也开始支持HTML5表单中的日期类型了，这和PPT中有点儿出入 @/8/8
本文来自：www.qianduan.net/ppt-html5-form-for-user-experience.html
篇12： 《我喜欢》教学设计
教学目标:
1、通过指导,使学生初步明确如何抓住特点,写好自己喜欢的一种动物,培养学生的生活情趣,激发学生热爱大自然的思想感情。
2、引导学生细致、有条理的观察动物的外型以及生活习性,并展开丰富合理地想象,培养学生的观察和想象能力。
教学重点:仔细观察小动物的外形,并能有顺序的写下来。
教学难点:指导学生把观察所的进行具体、生动地描写。
教学过程:
一、激趣导入:
上堂课同学们根据小动物们的样子、生活习性、特种技能等等方面,亲手制作了《动物小档案》,还评选了那么多动物明星,这节课余老师可要考考你们,看看大家是不是真正和这些动物明星交上了朋友,愿意接受我的挑战吗?
二、“动物谜语猜猜看!”
1、读谜语,猜谜底,说说是怎样猜到的?
2、同学们是根据什么一下子就猜到了这些动物?
(让学生领悟到,描写小动物要抓住特点。)
过渡:同学们想要了解自己喜爱的动物,不仅需要细心观察,还需要我们通过各种感官进行近距离亲密接触,不信,你听――
三、“你听,动物也会说话。”
1、播放“小猫、羊、小象”的叫声,你能感受到他们在说什么吗?
2、出示句子,请你试着填一填。
3、大自然也正是有了这么多语言才变得丰富多彩,不过,小羊喊妈妈也好,小象吹喇叭也罢,事实上这些语言来都自于我们的合理想象。
4、课件出示:插上想象的翅膀,用心灵感受生灵。
四、我是形象设计师!
1、出示小宝宝,小动物们可喜欢宝宝了,都想为小宝宝做个形象设计。
要求:
(1)给我穿上漂亮可爱的外衣;
(2)给我讲一讲你的快乐生活:
2、设计过程:
(1)“兔宝宝”:我先来试一试。
让学生你一句我一句说出兔子的外形与生活习性,再连起来说一说,提醒:一个人说的时候要注意什么?(按照一定的顺序。)
出示设计好的兔宝宝的照片,送给兔宝宝白菜和胡萝卜做礼物。
(2)熊猫宝宝:别看我平时照出来的相片都是黑白的,不过我长得那可是相当可爱啊,全世界小朋友都喜欢我啊!
熊猫这么一说,别的动物可就都不干了,好家伙,全都争着抢着为宝宝做形象设计,愿意看看动物们的杰作吗?(播放课件:宝宝的各种动物形象。)
过渡:小动物们设计得真是太棒了,不过老师相信三年三班的同学们能够设计得更好,接下来就请同学们拿出笔来写一写这些小动物吧!
五、学生完成习作(片段)
1、你能结合刚才的每个环节,总结出想写好这篇文章要做到那几点吗?
(1)生动具体地写出动物外形、生活习性的特点:
(2)展开合理的想象;
(3)按照一定的顺序。
2、找2名学生读读自己的片段,其他学生点评。
六、总结:
这节课你们能抓住小动物的外形、生活习性等写出它们的特点,字里行间流露出对小动物的喜爱之情。很好!可见你们平时能够细心观察,眼里有生活,心里有真情。只有用真情去表现生活,那样的文章才感人。最后想送给大家八个字:真情实感 合理想象。
七、板书设计:
具体――按顺序仔细观察特点 喜爱
生动――合情合理去想象
篇13： 《我喜欢》教学设计
教学目标
知识目标：
1、学习按一定顺序观察景物的方法。
2、能够抓住景物的特点写出自己喜欢的地方。
3、能够采用列数字或打比方、作比较等写法把景物描写具体。
能力目标：培养学生的写作能力。
情感目标：培养学生热爱大自然地感情。
内容分析：
教学重点：学习按一定顺序观察景物的方法。
教学难点：能够抓住景物的特点写出自己喜欢的地方
教学流程
1、谈话导入：
同学们一定喜欢旅游吧，旅游可以开阔视野、丰富阅历、增长知识、陶冶情操、可以带给我们许多比阅读更深刻的感受。说说你都到过哪些地方，你最喜欢的地方是哪里？
2、阅读教材，明确习作要求。
读一读，想一想，怎样写好“我喜欢的地方”。
3、拿出自己准备好的景点或照片介绍。
在小组内交流，
再说说自己喜欢的那一部分，将这一部分重点描述。（可以运用列数字、打比方，作比喻等方法，使表达准确、生动、具体。）
4、动笔起草。
在交流的基础上动笔写作，注意按照一定的顺序分清段落层次，重点部分要写具体。
5、修改作文。
认真修改作文稿。
同桌之间修改。
小组内修改。
全班交流。
【回归体验――我喜欢网设计小结网页设计】相关文章：
1.设计小结
2.网页设计论文
3.网页设计教学计划
4.网页设计教学
5.我喜欢教学设计
6.网页设计制作规范
10.美工网页设计个人简历
文档为doc格式
