静态网页设计大赛作品（静态网站设计与制作）

本文目录一览：

• 1、静态网页设计
• 2、静态网站
• 3、20个等分两栏式的网站设计欣赏
• 4、数媒静态设计获奖作品
• 5、9个视觉惊艳的网页设计思路(一)

静态网页设计

1、在网站设计中，纯粹HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页制作的。静态网页的网址形式通常为：，也就是以.htm、.html、.shtml、.xml等为后后缀的。

2、常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计常见与pc端。

3、第一步：在制作静态网页之前，我们需要对网页进行1：1的渲染，也称为静态网页渲染。制作静态网页效果图可以通过破解中文版PhotoshopCS4来制作。第二步：PS切片制作好的静态网页效果图。

4、*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。1024*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612-615之间.就不会出现水平滚动条和垂直滚动条。

静态网站

1、静态网页也称平面页，静态网页是标准的HTML文件，它的文件扩展名是.htm、.html，可以包含文本、图像、声音、FLASH动画、客户端脚本和ActiveX控件及JAVA小程序等。

2、静态网站：静态网站就是没有采用任何程序开发的网站，纯粹采用HTML语言编写，不要求懂太多网站制作知识，使用一般的软件就可以制作网页了。

3、静态网页有时也被称为平面页。静态网页的网址形式通常为htm（超文本标记语言）结尾 ，还有就是以超文本标记语（.htm、.html）、.shtml、.xml（可扩展标记语言）等为后缀的。

4、静态网站 静态网站是固定的html页面，谁访问都是一样的结果。

5、作品集网站：静态网页可用于展示设计师或开发人员的作品。它们可以包括图像、视频和其他多媒体内容，以突出个人的技能和经验。落地页：静态网页可用于创建营销活动的落地页。

20个等分两栏式的网站设计欣赏

Cihat Turhan 的作品展示页采用的是等分两栏式的……背景，一边是页面一边是代码，居中的文字介绍则正好暗示出了设计师的身份。网站的构思颇为精巧，美中不足的是对于移动端浏览支持不足。

网页中并排的两栏呈现不同的信息，是分屏式设计的最典型特征，两边的信息可以包含相同类型的元素，可以呈现不同属性的媒体内容，比如一边是图片，一边是文本。

Bady是一位位于新加坡的用户界面设计师，他目前在一家银行做全职工作，他非常热爱设计，认为设计是解决人类问题的最好方法。他的作品集采用了大量的留白，界面干净而舒适，还包含一个日志，记录设计灵感。

《网页设计参考 魅力十足的35个精选网站（上）》Wills World 随着向下滑动，背景产生不同的渐变，忽略了栅格系统，并加入了随性的动效。翠江堂 这是隅田川旁一家拥有80年历史的和果子店的网站。

举个例子，如果你使用960px的宽度布局时，将它乘以0.618就可以得到594px，这就是网页布局的高度。在此基础之上，你可以将整个布局划分为一栏正方形，一栏矩形，更加直观的呈现黄金分割，让网站更富魅力。

本文上半部分戳这里：《50个让人着迷的网站头部欣赏（上）》2优雅而鲜亮的外观 清爽、简约并且以字体为主，La Dolce Vita 的博客就是这么做的，优雅又鲜明的设计令人过目难忘。

数媒静态设计获奖作品

数媒静态设计获奖作品：《回溯》数媒静态设计作品是什么，主题为服饰、手工艺、手工艺品、建筑（“平面设计”小类），作品的实现方式限于数媒静态设计。

ncda全国高校数字艺术设计大赛获奖名单：武汉大学、华东师范大学等等。全国数字艺术设计大赛（NCDA）是由中国电子视像行业协会数字艺术设计专业委员会主办的一项全国性数字艺术设计大赛。

第14届大广赛主题海报设计，大广赛IP形象设计，大广赛奖杯设计，大广赛影视广告和短视频广告，为大广赛创作主题歌都是大广赛命题内容。

9个视觉惊艳的网页设计思路(一)

正确使用垂直白色空间 正确使用文本行之间的空白不仅可以提高可视性和视觉吸引力，还可以提高易读性。未能允许正确的线高测量可能会使您的网站看起来混乱，无法吸引读者的兴趣。

网页设计中最重要的原则之一就是一个网页中不能有超过两种字体。寻找好看的字体也是一个项目的重要组成部分，但我想提醒你的是，你永远不要在同一个网页中使用两种以上的字体。选择字体的原则是让用户容易阅读，尤其是对于有很多字的页面。

如此一来，将可以大大的减少页面的读取时间和改善网页的性能。 保持干净和简单（即：简洁） 一个好的网页设计不光只是看起来好看而已，还要是用户友好型的。

作为一名设计师，你应该通过设计良好的视觉层次来帮助他们。视觉层次是指以重要性（即应该首先哪些、再哪些等等）呈现元素。一个适当的视觉层次结构可以让用户更快速地浏览页面。使用自然的浏览模式。

【网页设计】方法如下：将透明的LOGO用高于IE6的浏览器打开网页，然后采用FFPearlCrescentPageSaver全屏截图插件截屏。再采用PS或者Fireworks进行裁切LOGO部分。并替换透明背景LOGO。这样即使是渐变背景也能和LOGO保持一致。