怎么做网页活动设计？

一、怎么做网页活动设计？

按我的理解首先要看做的活动设计是pc端还是手机端，一般如果pc端做的都是活动管理，也就是说活动的配置，然后手机端就是活动的展现和操作，比方说秒杀活动，一个是展现，距离活动还有多长时间开始，再一个就是点击秒杀的按钮，然后还是拿秒杀活动来说事儿，就是用户点击了按钮后，要给一个用户一个回调页面，也就是告诉用户成功或是失败，当然服务器如何处理是后端要做的事情，一般后端会采用集群，分布式，限流和内存数据库来做这些事情，当然很多活动也都是这样的结构，然后不同的活动也要考虑性能上的设计，就如前端来说，哪些需要同步处理，哪些需要异步处理，这也是一个性能优化的问题。所以如果是单纯考虑前端就是要做什么样的页面，按照用户一般的操作流程划分或其他设计多个页面，再者就是从页面的渲染，不同页面的生命周期等考虑，后端就是要考虑不同用户量的平均访问量，峰值访问量来对后端活动的架构做些相应的设计，然后整体结合在一块儿。但如果直说功能呢，现在像秒杀活动，拼团活动，限时抢购活动等等，这些页面的画风都可以借鉴下某团，某东，某宝，某猫，某多等，然后可以加上自己的一些设计元素，再者就是前端页面要考虑不同屏幕的适配，一般前端都有自适应的单位可以参考。大致以上是我的这么一个理解，希望可以采纳

二、怎么做好网页设计？

谈谈：怎么做好网页设计？

随着网络的发展，用户的鉴赏能力也越来越高，企业对网站页面的设计也比较在意，如果设计缺乏特色与个性，并没有体现企业文化，很容易被淹没在浩如烟海的千千万万的网站中，当我们随便在一个搜索引擎上查找某一行业，我们都会找到成千上万条的网站信息，试想，在这么多的网站中，没有自己企业特色、平庸无奇的网站是不会令人感兴趣的，更不用说进入详细浏览了，网站就很难达到令人流连忘返的局面，更不能够起到营销作用的的网站。

下面，IT工作室创始人王晴儿本人根据多年的互联网资深从业经验，跟大家一起探讨这块！

合理的页面版面设计

在设计网站首页，一定要注意整体页面的布局要合理，不要杂乱。

一个合理的版面设计，简单明了的网页能够给人带来舒服的感受，并且会让人愿意花更多的时间去了解。

一定要重视版面设计，避免版面冗杂，从页面布局到搭配，要注重协调，呈现出清新的网页，给人眼前一亮的感觉。

让你舒适的色彩搭配

不管是什么行业的网站，在设计过程中都不能一味追求视觉刺激，做出的颜色搭配奇特。

网页设计过程中，设计师必须注意页面色彩的搭配，多采用暖色调，配合搭配冷色调，只要颜色够协调、舒缓，才能让人有持续停留的念头。

网站设计上的颜色有几百种可供选择，网站设计的原则，网站蕞多只能选三个色调为主色，要根据企业定位和网站观众来选择，一般环保企业选择鲜绿与蓝色，像餐饮网站选择橙色或红色进行搭配。

别出心裁的网页内容

网站的文字内容，如同人的学识与见识一样不可或缺，代表着这个人的品位。

设计一个网页，一定要以宣传企业文化、产品、服务、优势、实力为出发点，网页中的内容是不可或缺的，要想用内容来吸引用户的光临，就必须有独特的内容，要注重原创性，具有特点。

网站设计要有自己特色

特色是一种别人没有的，是唯一的，可以让人一下子记住你的网站，这就是特色，更简单的解释就是个性化。

在设计网站页面进一定要简洁、美观、大气、高端、上档次，总之就是一定要有冲击力，如果设计过于太简单，没有自己的特色，就不会引起用户的注意。

总结：如何设计好一个网站来提高企业的形象，一个好的网站在结构、导航、用色、内容等各个方面都是很讲究的，它可能很简单，但却给人一种吸引力，让浏览者观赏的同时了解了企业信息。

以上就是王晴儿分享的文章内容，由于自己从事网站设计制作已经八九个年头了，所以自然深知企业互联网平台对于网络营销开展的重要性。既然您来到这里，看完了我分享的文章，那就是一种缘分，也是一种说不出的缘分。如果说得不好之处，欢迎各位拍砖与指正，有任何互联网设计开发方面的问题，都可以与王晴儿一起交流探讨，虽然从业9年，但不忘初心，一直相信越努力越幸运这句话，而且我本人也喜欢结交各行各业的朋友，谢谢！

当然您觉得文章有价值、或关注分享感谢什么的，也顺手点个赞哈——以文章价值为桥梁，「点赞」：使「您的价值」得以延伸并持续留香……

三、怎么做好插画类的毕业设计？

刚做完毕设，说一下我的经验吧

（已经进入二辩）

最好专门为毕设创作风格相近的系列插画，虽然工作量会大增，但但看你答辩的老师会为你的“苦劳”加分

最好不要把平时练习作品堆上去充当毕设，内容没什么关联的系列插画只会给人莫名其妙和应付差事

别把临摹的当毕设交上去，或者把原图改了，或直接拿别人的创意直接用在毕设，别侥幸“这个作品很小众，很偏主流，老师一定没见过”，插画这个圈子很小的，老师都有自己擅长的领域，也算是阅过万张了，好东西都见过，不讲人情的某些老师有可能当众揭发你。

答辩时有个同学毕设中我发现有一张呀呀的插画临摹，一模一样，就是临摹的太差……其他手绘也有似曾相识感，真给他跪了……

盗图比借鉴临摹偷创意更严重，严重的话会不及格延迟毕业。

合理安排时间，提前半年开始准备，到答辩前完成，至少能留点修改和写论文的时间，不至于出现熬夜5天完成7张这样的“壮举”，老师能看得出是不是赶的，成绩会直接掉一档次。

可以毕设放到谷歌搜一搜……防抄袭……你懂的

还有个土豪的方法，做立体，附带立体展示箱，然后在答辩时阐述自己花了多少心血定制手工灯光布景，暗喻花了很多钱，老实说这种土豪式要洗漱很有可能直接提名优秀……只要内容不是太坑爹……

太高深艺术的毕设小心老师无法理解在干嘛直接低分哦。这种类型风险太大，没有绝对的实力和人脉，还是中规中矩好

四、网页设计师KPI绩效考核怎么做？

设计师绩效评价主要来自几个维度：设计产出、项目结果、工作态度、专业技能、能力成长、设计展现、用户满意度、客户满意度、业务方满意度等。所以业务方满意度是设计师绩效评价的一个输入项。

1、工作态度

工作态度已经不是优势竞争力，因为大家都很认真。从访谈结果来看，大家的工作态度都得到了业务方同事的高度肯定。工作态度好，响应快，积极，基本是每个设计师都得到的评价。

所以工作态度已经成为一个基准。如果工作态度都不好，那起步都没有了。

2、专业技能

作为设计专业人士，专业技能是一个很重要的考察项。每个设计师都有基本的专业技能，例如需求澄清、设计稿输出、设计讨论等。在绩效访谈中，这个维度的评价开始有区别。无论业务方对用户体验设计的理解是深还是浅，他们都能清晰地说出设计师的专业技能给他们留下的印象，给项目带来的价值，并能举例说明。

针对交互设计师来说，出稿能力基本是没有问题的，差异点是设计思考能力、业务理解能力、复杂逻辑处理能力。对视觉设计师来说，基本视觉稿设计是没有问题的，差异点是创新设计能力、业务理解能力、精品视觉表现能力。对前端开发工程师来说，设计开发是没有问题的，差异点是前端开发创新、技术沉淀、新技术探索。

我们设计师应该注意，在做不同种类的工作时，业务方的需求是不一样的，所以我们设计的重点也应该有所区别。例如做产品设计基线的时候，大局观、创新、优化是主要点；做一线客户支撑的时候，效率、设计开发实现、沟通是主要点。

无论在任何工作场合，任何设计岗位，专业技能都是我们设计师的核心竞争力。

3、主动性

这是一个进步点。虽然大家都知道主动性非常重要，但是能做到主动性出色的设计师不多。这次访谈中得到主动性优秀评价的设计师不到一半。

主动性不仅仅是主动问问题，主动想方案，主动性是，设计师要成为产品的主人。虽然用户体验设计在国内很多公司还是一个支撑性质的工作，但是随着用户体验越来越关键，我们设计师也应该把主动性练习起来慢慢做到一个地步，拥有产品主人精神，把产品当做自己的产品来设计。

这次访谈中得到“把产品当做自己的产品来设计”评价的设计师，只有一位。

在工作环境，或者网络上，我经常看到很多设计师朋友说，设计师不被重视，产品设计流程中设计地位不明显。在理解并适应现有环境的同时，我建议大家仔细想想自己的主动性够不够，在设计工作中是否已经足够主动。

4、项目管理

在腾讯工作的时候，设计团队有负责设计排期的项目经理，所以设计项目管理较为流畅。在华为，设计团队是没有专门负责设计排期的项目经理的，所以项目管理的责任有一部分落到设计师身上。这点是一个进步点。这次访谈不少改进意见，都集中在项目管理上，设计师如何进行自我时间安排、如何控制自己项目的设计进度和节奏、如何更有效率地配合多方推动设计工作，这些都是需要设计师在项目管理技能上思考并精进的。

在设计工作中，工作形态有很多种，例如有时是短期快速的设计冲刺，有时是平稳有序的设计改版，设计师应该在不同的设计节奏中找到适合自己设计特点的工作方式，并对自己进行项目管理，对设计任务进行项目管理，对整个设计流程进行项目管理。

5、更全面的知识要求

随着互联网的快速发展，公司业务对用户体验设计的要求越来越多，业务方对设计师的要求也越来越多。举一个例子，做产品设计的同时，业务方需要设计师同时做运营设计、数据分析等，但是设计团队并没有丰富到有这么多精专角色，所以很多工作会落到交互设计师、视觉设计师身上。这个时候如果设计师能提供给业务方更全面的技能支持，对产品、对设计、对团队都是好事。

6、抗压

在互联网公司我比较担心的团队抗压问题，在华为就默默地不用太担心了。抗压能力评价一片赞。华为同事的职业化和工作成熟度是让我佩服的。

7、年轻人的职业化

针对年轻人的进步点，业务方同事表达了足够的理解和宽容，不过评价中有一些职业化的意见我这里记录一些。首先，团队的年轻人做的不错，工作整体表现有几位是超出业务方预期的。但是职业化是一条漫长的路，在专业成长的同时，职业化的细节要做好，才能营造一个整体设计专业的形象。

一些可能的职业化细节不够的问题：中文错别字、英文拼写错误、讨论过的事情没有跟进、任务遗漏、邮件不加标题、邮件忘记贴附件、沟通不够简练、讲话不够清楚、执行力不够敏捷有效等。这些都请年轻设计师在今后的工作中注意，越来越职业，越来越优秀。

8、新鲜感、热情、惊喜

这三个点一并写，都是需要改进的点。新鲜感的意思是，做出的设计要让业务方、客户、用户感到新鲜，思路有突破，在这轮访谈中，只有一位设计师得到这个评价。热情是设计师要有设计的冲动与激情，并能感染周围的人一起努力，这轮访谈中，只有一位设计师得到这个评价。惊喜的意思是，做一个设计，让业务方、客户、用户惊喜，让他们目瞪口呆，在这轮访谈中，得到这样评价的设计师很少。

五、画CG插画和网页设计的台式电脑配置应该是怎样的？

你都考虑21寸的IMAC了，那说明对配置要求很低了····

首先，给你剖析下IMAC，特别是21寸系列的，我们抛开品牌信仰加成+高贵的工业设计，也抛去高贵的OSX，反正你所要的软件WIN平台也有，而且用起来与OXS上无明显差异。

14款IMAC主机配置大约等于1500不到的WIN平台机器配置，加上2000元出头级别的显示器。

6000元抽出3000元配一台足够妹子你用的配置是绰绰有余，不仅绰绰有余，还能爽的起飞，2500元的显示器也足够持平21寸IMAC那块屏幕了，500元作为外设和小部分增强升级。

看妹子你的描述，还是想入手高贵的OSX的，但是介于囊中羞涩

那我的建议是·········

MAC MINI + 不错的显示器

介于你是一个妹子，可能DIY能力比较差，看样子妹纸你也没有男友，加上12款MAC MINI已经停产下市，如果你不想折腾········

那就主机就敲定14款低配版MAC MINI

狗东报价3488，比官网低100，如果你想省钱，那就直接X宝入手3288搞定，此款MAC MINI价格比低配版IMAC配置只少了4G内存，标配自带4G内存，总体还是足够用的。

（如果妹子有点DIY能力，我推荐12款MAC MINI中配，也就是387，相比14款可以加一块SSD，加内存,CPU性能也是好于14款不少）

显示器

因为妹纸是业余爱好，2000内色彩准确度最高的，按显示器吧的玩家来说，无非就是大众款U2414H，狗东售价2000出头，很坑爹，所以推荐你天猫某DELL专营店，1599的行货价格还是很不错的。

价格已经到了5100了，剩下花600多去X宝买个蓝牙键盘+触控板

当然，这两也不是必须品，也可以使用100以内的无线键鼠套装，使用上是一样的。

最后的实际效果：

这是我之前用的，12款388主机（16G 内存 120G SSD +1TB HDD ） + U2414

六、网页设计中的首页，索引是什么？怎么做哦？

您好！【1】首页索引是什么？索引页即网站中的导航页，为用户提供网站或者一组网页的索引，帮助用户较快的找到想要获取的信息。索引页的作用相当于一本书的目录，对于综合网站而言：索引页是网站的首页和各频道的首页。【2】索引页怎么做？去百度下载Dreamweaver软件。Dreamweaver是一款强大的网页制作工具。在制作网页前需要有一定的网页代码基础，如html,css div这几个最基本的文本语言。如下图所示：<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><link rel="stylesheet" type="text/css"><script src="js/jquery-1.9.1.min.js"></script></head><body>正文内容</body> </html>

七、我明天就要去面试网页设计/美工的工作，该怎么做自我介绍？

不要刻意的去完成自我介绍，因为刻意的自我介绍只能给人留下不好的印象。

八、网页设计怎么做啊，从哪里入手呢。宽、高、分辨率、像素该怎么设置呢！毕业设计！！！快帮我～?

一般来说网页需要按照1024分辨率为最低标准来设计和布局，即宽度小于等于1024px，但在当下宽屏、响应式盛行，并不需要去严格按照某一尺寸去写页面，我们可以将1920×1080px做为主流屏幕分辨率来适配，网页宽度在950~1400px左右均可，高度不限制...

看到这个提问，一定是个新新新手，万事开头难，你现在还处在不知道怎么开头的时期，我写了一个简单的网页框架希望能帮到你，你可以以此为基础，参考网页个版块的布局以及你想了解的尺寸设置（看代码中的css），也可以在此基础上填充自己的主题和内容。前端页面的毕业设计要尽可能的融入学到的前端知识点，常规的页面都要有页头、导航栏或可下拉导航栏、轮播图、新闻或其他内容填充、多栏布局、底部footer这些版块构成...（示例如下图）

代码如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>INDEX</title>
<style type="text/css">
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.top {
	height: 120px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	font-family: "微软雅黑";
	font-size: 37px;
	line-height: 120px;
	color: #666;
	text-indent: 35px;
	background-color: #f2f2f2;
	font-weight: bold;
}
.bar {
	background-color: #cccccc;
	height: 52px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.bar .menu {
	float: left;
	height: 53px;
	width: 150px;
	font-family: "微软雅黑";
	font-size: 16px;
	line-height: 53px;
	font-weight: bold;
	color: #000;
	text-align: center;
	margin-left: 3px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dedede;
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #F60;
}
a:active {
	text-decoration: none;
}
.content-all {
	height: 652px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	font-family: "微软雅黑";
	font-size: 16px;
}
.footer {
	background-color: #CCC;
	height: 50px;
	width: 1200px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	font-family: "微软雅黑";
	font-size: 16px;
	line-height: 50px;
	color: #000;
	text-align: center;
}
.content-all .left {
	height: 650px;
	width: 260px;
	border: 1px solid #d2d2d2;
	float: left;
	background-color: #dbdbdb;
}
.content-all .middle {
	height: 650px;
	width: 573px;
	border: 1px solid #d2d2d2;
	float: left;
	margin-left: 50px;
	background-color: #FFF;
}
.content-all .right {
	height: 650px;
	width: 260px;
	border: 1px solid #d2d2d2;
	float: left;
	margin-left: 50px;
	background-color: #e8e8e8;
}
.banquan {
	height: 36px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #f2f2f2;
	background-image: url(http://cdn.psdhtml.cn/lxidw7.svg);
	background-color: #FFF;
	margin-top: 30px;
}
</style>
</head>

<body>
<div class="top">此处为标题栏</div>
<div class="bar">
  <div class="menu"><a href="http://www.psdhtml.cn/index.php?c=thread&fid=18?20220119">首页</a></div>
  <div class="menu"><a href="http://www.psdhtml.cn/index.php?c=thread&fid=18?20220119">推荐</a></div>
  <div class="menu"><a href="http://www.psdhtml.cn/index.php?c=thread&fid=18?20220119">新闻</a></div>
  <div class="menu"><a href="http://www.psdhtml.cn/index.php?c=thread&fid=18?20220119">图库</a></div>
  <div class="menu"><a href="http://www.psdhtml.cn/index.php?c=thread&fid=18?20220119">关于</a></div>
  <div class="menu"><a href="http://www.psdhtml.cn/index.php?c=thread&fid=18?20220119">更多</a></div>
</div>
<div class="content-all">
  <div class="left">&nbsp; 三列布局-左侧</div>
  <div class="middle">&nbsp; 三列布局-中部</div>
  <div class="right">&nbsp; 三列布局-右侧</div>
</div>
<div class="footer">版权信息栏</div>

<div class="banquan"><a href="http://www.psdhtml.cn/index.php?c=thread&fid=18?ym" target="_blank"><img src="http://cdn.psdhtml.cn/lxidw7.svg" width="1000"></a></div>
</body>
</html>

还有一个之前写的首页（含源码）也可以参考下：

❤️ 我往期做的很多网页设计作业成品，版式和源码等也都可以在下方我的专栏拿去参考借鉴~