优秀个人主页范文篇1

1.主题鲜明。网页作为一种传播信息的载体，进行视觉设计时应该有明确的主题，并根据人类视觉心理规律和形式将主题简单明了地呈现在观赏者面前。网页艺术设计也归类于视觉设计范畴，其最终追求就是实现最佳的主题诉求效果。什么样的网页设计取决于什么性质内容的网站，优秀的网页结构设计必然与网站主题相贴合，根据站点在性质和目的等方面的差异，评论标准也会有所不同。比如，百度作为一个搜索引擎网站，它的重点即第一功能就是“搜索”；而个人网站主要偏向设计者审美爱好，设计者需达到的唯一主题就是“美”。

2.形式与内容相统一。任何设计都有一定的内容和形式。设计的内容是指主题、外形、题材等方面，形式是指风格、结构、语言等。内容被誉为“设计的灵魂”，是构成设计的一切内在要素的总和，是设计存在的基础；形式是内容的外部表现方式，所以说一个优秀的设计必定是形式对内容的完美表现。另一方面，为了确保浏览者快速地打开网页，设计者必须舍去冗沉无用的技术，尽量减小网页数据。一个网页尽管艺术性丰满，能够达到形式美的效果，但过大的网页数据延长了浏览者打开它的时间，那这种网页版式设计也是失败的。

3.强调整体。网页的整体性包括形式和内容上的整体一致。设计时强调其整体性，整个网页页面都应统一布局、统一风格，使浏览者更加准确、高效、全面的掌握它，给浏览者一种内部有机结合、外部完整和谐的美感。网页设计达到整体性的通常方法是从版式、风格、色彩等方面入手，强调页面各组成部分的共性特征。但是，过度强调网页整体性会使得整个网页比较呆板，影响浏览者的兴趣和继续浏览下去的冲动。

二、版式设计的特点

1.交互性与持续性。广播、报纸等传统媒体是按照信息提供者事先确定的格式来进行传播，而网页不同于传统媒体之处就在于信息的即时交互性，在新媒体的环境中，人们主动参与信息的和加工处理。针对网站各阶段经营目标、经营策略的变化和浏览者新鲜度的减弱，网页设计人员必须定期或不定期地对网页进行修改和调整，这就要求网页设计人员不断创作更新新作品。

2.多维性。超链接是多维性的最好体现，主要是在网页设计中的导航设计中。超链接的出现丰富网页的组织结构，例如复合结构、层次结构、网状结构等。浏览者可以随着超链接简单自如的在各个网页主题间跳转，改变了人们传统的线性信息接收方式。

3.多媒体的综合性。文字、声音、视频都是目前网页中使用的多媒体视听元素，随着科技技术进步和人们对网络信息传输质量要求的提高，设计者必然运用综合的多媒体元素来进行网页设计。因此，多媒体的综合运用是网页设计的特点之一，也将是以后的发展趋势。

三、小结

优秀个人主页范文

当然，我们推荐这些网站并不只是因为导航栏设计，这些优秀的网站通常在技术使用和信息呈现上也做得非常突出。和很多酷站一样，只要你深入探究，一定会获益匪浅。

Jova

Jova的网站设计非常清爽，导航栏的设计均衡并且结构妥帖。

设计师使用细线构成的线框栅格来构建网站导航，经典的黑白配色，加上清晰锐利的英文字体，构建出优雅迷人的外观，在柔和的背影映衬之下，给人深刻的印象。

Beloesuhoe

Beloesuhoe的设计团队巧妙地使用布景构建出了一个独一无二的网页导航，非常抓人眼球。这个网站乍一看好象就是一个背景图，但是实际上，网页上脉动的小红点会提示你导航的存在，它并不是看起来那么简单。将鼠标移动到小红点上，你会发现这些导航点是可交互的，并且将你引导到特定的页面。

这种“沉浸式”的导航栏设计是个非常有趣的解决方案，可拓展的空间也相当大。

FirstPerson

FirstPerson整站使用了单页滚动设计，并且通过左上方的菜单栏来进行导航引导。但是这并不是它的突出之处，当你在首页向下滚动的时候，能够看到一个精心制作的3D场景，整个场景会随着白天黑夜变换主题，并且当你鼠标移动到3D场景的特定点上的时候，能够激活组件，进行交互，浏览信息，绝对别出心裁。虽然整站导航不算突出，但是这个3D场景的导航设计，简直帅酷爆表。

MintDesignCompany

说MintDesignCompany的导航设计精美绝伦完全不是过誉。设计师几乎是用漂亮的手绘插画完成了整个网页的设计，导航栏所使用的手绘图标更是精致，鼠标移动到导航栏图标处会有好玩儿的动效出现，最关键的是每个动效都不尽相同。

ViveLatino

VivaLatino的设计团队充分利用涂鸦的独特效果，让整着陆页在同类设计中脱颖而出。干净的单色页面上，漂亮的手绘排版设计和独具个性的小人错落混拍在一起，营造出节日的气氛，最关键的是，这样的设计也创造出独具一格的导航模式。

PeteNottage

这个名为PeteNottage的网站以五彩缤纷的插画而著称，也使得整个网站充满了创造性和积极的氛围。这些扁平风的插画以城市场景为主题，并且还是作为网站导航而存在。

为了让这个导航栏更加好玩，网站的设计师和开发者将许多动态的元素加入到插画中，比如移动的汽车和游艇，那些看似静态的景物其实也是可交互的，当你点击它们的时候，有些建筑会抖动甚至消失！这种引人入胜的设计赋予了网站独特的气质，让人流连忘返乐此不疲。

MathildeJacon

MathildeJacon的这个个人作品展示页使用了更加独特的导航模式：嵌套环形可交互式导航栏，环形的每一段都会导向一个作品。原来导航还可以这样做啊！

MoiraYoung

MoiraYoung的网站采用了一套自然风的主题，导航设计则以优雅的辐射状的闪光来呈现，当你鼠标移到这些微光之上，导航内容便会呈现，漂亮而微妙。

Bancolombia

和许多之前的网站导航设计思路相近，漂亮的插画和动态视觉元素共同构建起了它的导航栏。网站唯一与时代脱节的地方在于，它采用了Flash来实现这些功能，而非HTML5。

Nat-Ant

值得一提的是，使用极简设计风其实也可以作出别出心裁的导航栏的。正如你所看到，网页的着陆页非常干净，背景大量留白，几个控件散落在页面上用作导航，不同寻常。

LoveCarmenRose

LoveCarmenRose的网页设计也个性十足，精雕细琢的背景图其实承载着它独有的导航模式，虽然看起来不太显眼，但是复杂的导航和背景图也足够它脱颖而出了，不是么？

Orillo

用户打开Orillo网站的时候，能看到低调沉稳的背景上用简约线条勾勒出来的控制中心。用户可以借助这个独特的导航栏做很多事情，唯一可惜的是它仅能在桌面端浏览器上呈现，移动端页面则使用的是另外一个相对简单的版本。

OKKid

OKKid的网页充分运用了视频背景的特性来设计它们的基础导航体系。设计团队采用视觉优先的设计原则，最终结果也并没有令人失望。

TheColorsofMotion

网页采用运动的色彩来呈现经典的美国精神，带你开始一段旅程。结合影片剧情，设计团队展现了一个原创而吸引人的导航设计，虽然没有任何标识，但是那些细细的条纹会带你走完这个旅程。

HelloNicolas

从你打开这个网页的第一秒开始，页面所展示的作品就会吸引住你的全部注意力。网站的视觉设计非常大胆，整体布局导航通过相对较宽的可交互区域来展现，每一块完成不同的工作。

Grimouville

想不想通过Grimouville开始一段短暂而难忘的旅程？打开这个网站就可以了。网站中那些有趣的互动元素能让你在城市的大街小巷中实现这个梦想。

LeidgensPiscines

网站的着陆页令人难以忘怀：壮观的视频背景和风格化明显的导航栏，这些设计不仅让你愉悦，还能更为高效地探索网站。雅致的菱形导航栏中，每个区块包含着不同的功能和相应的短片。

Soppo

基于栅格的导航系统配合可爱的图片营造出网站的整体氛围，纯色和图片的错落排布，不同区块中独特的效果，会让你记住这个网站的。

VisitBrazil

这是一个真正意义上的概念网站。通过有趣的交互，你可以在这个网站知道关于巴西这个国家许多有趣的故事。

AlexandruNastase

网站的设计师巧妙的利用排版和简约的外观，呈现出了网站有趣的氛围。密集而大胆的标题周围，围绕着相对较小的文字导航，塑造出独特的形式感。

优秀个人主页范文

关键词：网页设计；教学模式；师生互动

一、当下网页设计课堂的不足

1.网页虽然是个简单的名词，但是涉及到的知识种类繁多，不仅包含文字、图形、色彩、版式设计、还有动画、音视频以及编程等，对于艺术专业学生来讲，基本的平面设计能力和审美素养是具备的，能够利用所学知识设计出创意的平面广告。但是设计出一套优秀的网页还是不容易的。网页设计需要运用到photoShop、flash、以及DreamWeaver等设计软件，而专业老师需要具备熟练运用这三个软件的能力，并具有较好的设计能力，才能指导学生的网页作业和学习过程。因为学生在作业途中会遇到很多意想不到的问题，只有教师熟练掌握软件操作才能找到病因，除掉病根。无论课堂还是课下，学生都会在设计中遇到各种各样的问题而烦恼，教师稍微指点迷津，学生便豁然开朗。

2.如今的软件教学课堂大部分是案例教学，老师做一个案例，每个步骤学生跟着做，虽然学生能比着葫芦画瓢，但是他们不知道为什么用这些工具做，不出课堂就忘记了如何塑造自己想要的作品，对于这种教授方法不仅不能让学生完全掌握设计方法和能力，也不能熟练软件工具，并且在未来长时间学习中，学生的学习兴趣会慢慢降低，面对编程等问题更加懈怠，这样也会让学生的创意设计能力慢慢丧失。导致了学生累，教师累，让学生做设计根本无从下手不会做的状态，所以必须要有一个能提高学生学习积极性，又能提高教学质量的课堂教学模式。

二、教学模式的改进

1.加强师生互动。在课程的开始部分需要教师来引导，必须选择适合的教材和实训内容，通过演示软件的菜单和工具使用，让学生对软件使用进行初步的了解。第一步，教师需要案例演示，在演示中积极互动调动学生思维，如提问，接下来怎么做呢，用什么工具呢，引发学生主动思考，会有很多优秀同学回答问题，也会带动全班的学习积极性。同时提醒学生把所学的版式设计和色彩搭配以及构图的知识运用到网页设计中。第二步，讲解部分内容后，观察一下学生学习程度和能力，根据学生状况调整学习进度，讲解速度等。第三步，加强和学生沟通，了解学生的心里动向，对学生的学习兴趣点和当下流行趋势透析，教师与学生之间的心灵沟通极为重要。

2.循循善诱，由浅入深。在案例讲解的第一课，教师提问学生知道哪些网站类型，然后做一个关于校园首页、专业介绍、校园景色、访问留言等几个页面，页面内容简单大气，包含导航、字体版式、图片、动画、音乐等。学生初次完成第一张页面后，教师再举一反三，拿出刚才制作过程中的重点，比如表单的多种应用，列举文字字段使用后，让学生自己尝试使用复选框、单选按钮和按钮组、添加列表和跳转菜单、添加按钮等等。再如链接的几种方式，讲解完比较难的锚点链接后，让学生自己尝试使用空连接、文本和图像链接、电子邮件链接等。开始就学习这些比较简单的网页元素，不能学生在开始就啃骨头，不然就知难而退了。第二个案例讲解制作一些具有版式创意和内容丰富的页面，增加页面的Flash媒体元素，比如Flash按钮、视频等。在讲解第二个案例前必须重新复习网站开发流程，收集资料素材草图——规划站点——网页制作——测试。对于艺术专业学生学习的网页基本以静态网页为主。

3.任务导向，团队出击。在课程后期课堂给学生留出两节课时间，将学生分组，并布置关于手机界面设计的任务，给学生打印三至四份手机界面设计样稿，让学生传阅了解设计规范和说明。这次任务结果将是结课成绩，得出的最高分是获胜的团队。在制作过程中遇到问题，专业教师负责答疑解惑，帮助学生完善。作品展示：在规定时间内学生完成了网页设计任务后，将自己的设计思想和过程演示给大家，其它组的同学们可以根据设计的不足提出问题，要求设计组根据问题给予解答或更正不足。教师最后根据学生的作品评出优秀，并给较差的团队鼓励并指正问题，争取各团队在以后的设计比赛中得到提升。

4.现在的学生大多是娇生惯养比较懒惰，独立自主能力差，更缺乏刻苦钻研的精神。对于学生来说自己多做练习才有助于提高专业能力，网页设计需要更多的设计思路，并付诸实践才能学到真本领。加强作业布置的具体要求，并设定主题，严格要求作业的设计稿，不断的让学生思考修改，只有在不断的修改中才能得到提升。改变老师讲课为主变学生练习为主，让学生主动找老师辅导作业，积极鼓励学生参加一些设计比赛，如果老师讲的很多，不但老师累，学生也学不到东西，学习网页设计重在练习，在辅导作业的同时学生才能记住并领会到老师讲的知识点。总之一句话，授人以鱼不如授人以渔。

5.举一反三，与时俱进。同样对于图形图像处理等类似的课程，学生希望的是能够学完这门课程后真正的做出作品，甚至在全国性的比赛中获奖。所以在授课中应该多以典型的案例讲解，并提炼案例中的知识点来让学生举一反三的学习其它相关知识点。建议在整个授课过程中，教师需要灵活运用知识，使用多元化的教学手法，以便吸引学生的注意力。通常的黑板教学和PPT多媒体是常用的，加上CAI课件、教案与网页文件、视频动画等形式，可以说种类非常丰富，教师可以两种或者多种相互穿插的手法进行立体化教学。不仅丰富了教学内容，提高学生的热情，教师的应变能力也会得到提升。条理性、疑难性、重点性是教师授课的三大法宝，做一名“受学生欢迎”的教师而不仅是“优秀”这两个字所能代替的。在高科技发展的今天，教师只有不断学习，不断完善自己，不断的进步，才能与时俱进跟上时代的步伐。

三、总结

在课堂上学生是抱着很大的期望学习的，如果一个教师让学生失望了，估计再重新提起学习的热情是很难的。能够让学生喜爱自己的课才是真正的成功，而不是强迫学生上课学习，一个人性化的课堂是充满很高的热情氛围的。希望在未来的教学路上，笔者能够不断地提升自己，并寻找先进的教学方式。

参考文献：

[1]陈小燕，谢强，丁秋林.浅谈项目式教学在网页设计与制作中的应用[J].电脑学习第1期，2010（2）.

[2]吴俊荣.基于行动导向的网页设计与制作课程教学设计研究[D].吉林：东北师范大学，2012（3）.