网页设计默认文本颜色 第1篇
因为如果比12像素更小的中文无法放得下复杂的笔画了，而且奇数的文字表现和适配都不好做，也就是说我们必须使用偶数的字号来设计。
那么总结一下，文字使用宋体、大小为12px、渲染方式选择无。稍大一些的字体使用微软雅黑，大小为14-20px，渲染方式选择Windows Lcd或锐利。另外，英文和数字需使用Arial字体，渲染方式选择无。
网站字体规范
网页设计默认文本颜色 第2篇
门户网站国内比较知名的有新浪、腾讯、网易、搜狐；国外比较知名的如Naver、Llinternaute等。
我们可以看得出，门户网站都是大而全包罗生活万象的。比如：腾讯网就有新闻、财经、视频、体育、娱乐、时尚、汽车、房产、科技、游戏等不同频道。门户网站的门槛很高，必须要有雄厚的实力才可以建立起一个门户网站，而门户网站需要的设计师数量也惊人。
首先门户网站需要产品方向的界面设计师以迭代的方式维护迭代网站首页、二级页面、底层页等网站基石。然后需要各个频道的设计师来处理日常需求，比如：巴黎时装周需要负责时尚频道的设计师来设计对应的专题，世界杯小组出线需要负责体育频道的设计师，来设计对应的专题等。
地球上的每一天都有大事发生，那么门户网站中的设计工作就不会少。
另外，具体对接频道的设计师也需要有一定擅长之处，比如：对接体育频道的设计师起码应该熟悉足球篮球等体育项目，时尚频道的设计师要懂得各个大牌的设计风格，佛学频道的设计师需要懂得基本的佛学知识和忌讳，文化频道的设计师需要对传统文化有所涉猎。
所以基本上门户网站的设计师可以分为：产品组和频道组两种。
韩国门户网站Naver
网页设计默认文本颜色 第3篇
CRM即Customer relationship management，翻译过来是客户管理管理系统。CRM是企业对客户进行信息化管理的一种形式，用互联网技术实现对客户信息进行收集、管理、分析，对企业的销售、服务、售后进行监控。常见的功能有员工日程管理、订单管理、发票管理等。
Admin CRM dashboard by Divan Raj
网页设计默认文本颜色 第4篇
原型图阶段中设计师需要和产品经理沟通需求，这时要注意，并不是产品经理向设计师下发需求，而是需要相互就自己擅长的方面进行沟通。视觉方面具体呈现也许设计师会有更好的方式，这时需要在设计之前与产品经理达成一致。
构建网站原型图（工具：Axure RP ）
网页设计默认文本颜色 第5篇
电商设计师也属于网页设计师吗？
是的。如果按照平台细分，无疑电商设计师所在的平台大部分属于网站。以淘宝、天猫为代表的电子商务发展得太快了，以至于从内蒙的牧民到海南岛的渔民，甚至台湾、日本、东南亚的商人都开始在中国电商平台上开店铺了。
店铺其实本身属于平台本身的页面，但是为了增强每个店的个性，平台为商店开通了一些页面自定义的装饰功能，比如：宝贝详情、店铺排版、banner头图设计等。
这样商铺有一定权限在平台规定的范围内使用图片和一部分css样式代码，来装饰自己的店铺，电商设计应运而生。虽然带着镣铐跳舞，但是有很多店铺因为设计精良而能带动销售，那么电商设计师当然就变得非常重要了。
淘宝网首页
网页设计默认文本颜色 第6篇
网站设计中的图片常用4（宽）：3（高）、16（宽）：9（高）、1:1等比例。具体图片大小没有固定要求，但整数和偶数为佳，主要是考虑到一些适配的问题，作为内容出现的图片，一定需要有介绍信息和排序信息。
图片的格式有很多，比如支持多级透明的png格式、图片文件很小的jpg格式、支持透明/不透明并且支持动画的gif格式等。在保证图像清晰度地情况下文件大小越小越好，如何让网页使用的图片更小呢？
所以前端工程师们有一种做法，就是把网页中所使用的图片拼成一大张png。然后每个调用图片的元素都调用这张图片然后分别位移一点儿，显示的那块区域移动到一大张图片中所需要的那个图像。
在线压缩工具Tinypng网站
网页设计默认文本颜色 第7篇
前端工程师会用代码重构我们设计的页面，把图纸变为静态页面。然后和后端工程师对接调取数据接口，一个网站就活了起来。工程师们为了方便了解网站是不是达到了我们要求的数据，也会进行埋点。
埋点就是在页面代码里插入一些统计代码，方便我们之后确定哪些页面访问量高，哪些没有达到预期。在此后其实还会有测试工程师介入来发现编译完的网站是否存在一些漏洞等，这里省略。
前端工程师代码编译（工具：Notepad +）
网页设计默认文本颜色 第8篇
我们经常看到网站中会有动画，那么动画实现的原理一般有如下这么几个：
那么像Google首页Doodle的动画是怎么实现的呢？
这种技术叫做：雪碧图。CSS雪碧 即CSS Sprite，也有人叫CSS精灵，它是一种CSS图像合并技术。它本身调用的图片是支持多级透明的PNG格式，然后把动画并排排列出来。
比如：一个卡通人物的动画每帧宽度是100px，那么就把它的动作1 动作2 动作3 动作4 并排放在一张宽度是400px的PNG图片里。然后代码在一个100px的宽度框子内背景图调用这张png，我们就看到了动作1，然后过一秒钟代码会悄悄移动100px我们就看到了动作2。由于速度很快就让我们看到了连续动画。
雪碧图也有自身的缺点，如果帧数太多，会消耗很大的内存，所以帧数一定要控制少。如果你的动作设计了12帧，那么我建议你可以试试将2,4,6,8,10删除，保留一半的动作。
雪碧图
网页设计默认文本颜色 第9篇
网页设计完成后还需要设计师进行项目走查，来确定网页还原度是否有问题。如果发现有和设计稿出入很大的，就需要要求前端工程师进行调整。这个步骤非常重要，因为网站的成品才是我们最终的输出，不要认为设计稿很漂亮而实现后的页面就不需要我们负责了。
将实现后的截图和设计稿进行比对（工具：Photoshop）
网页设计默认文本颜色 第10篇
响应式网站则需要设计不同版本的设计稿，然后根据不同的设备提供不同的CSS样式。比如：判定你设备的宽度是750px，那么网站就知道你使用了手机来访问，就会给你导入一份手机才有的样式，如果是电脑的宽度就给你导入电脑的CSS样式。
对于设计师来说，自适应需要考虑网站在不同设备宽度下的整除与排版；响应式则需要设计电脑、平板、手机等至少三套设计稿（但这三套设计稿的内容是一致的）。
总之，自适应和响应式都是网站为了用户体验所适应浏览设备而做出的努力。
网页设计默认文本颜色 第11篇
每个企业都需要有一个网站来对外展示自己的能力、介绍自己的产品等。现在接触一个陌生的企业时，很多老百姓都会上网搜索一下其官方网站验证真伪，网站已经是中小企业的标配了。
企业网站设计时通常会有网站首页、公司介绍、产品中心、公司团队、在线商城、联系我们等这几个模块，企业网站会展示很多诸如公司环境、团队成员、企业文化等实际的照片，配合一些资料进行设计。
企业网站通常也追求所谓“高端”、“大气”、“上档次”的风格，也就是为了达到让消费者认同品牌这个要求。所以如果我们接到了企业网站的设计需求，不妨多去浏览参考一些更加大牌的企业网站作为竞品来参考。
美国通用公司官网
网页设计默认文本颜色 第12篇
待用户阅读完底层页的信息后，可以顺势在左侧或右侧的侧栏，寻找用户可能感兴趣的相关内容。在底侧可以看到网友的评论，底侧也会有分享按钮、赞功能等。如果侧栏用户转化率比较差，最底部还可以再次出现推荐相关资讯的功能。
总之，在用户阅读完自己喜欢的资讯后，要继续吸引用户顺势阅读其他的资讯或者回到频道。
底层页原型图
网页设计默认文本颜色 第13篇
视觉稿阶段就是我们要根据原型图确定的内容和大体版式，完成网站的界面设计。在设计网站的时候，我们需要一些图像和灵感的素材。比如：做世界杯专题时，我们除了收集很多素材之外，也可以设计一个“情绪板”（Mood Board）。
简单说情绪板就是将一些与主题相关的资料和素材拼贴在一起，这样可以更好地指引我们整个需求的设计主题和大体感觉。另外，很多网站的头部通常需要主视觉来抓人眼球，这时可能会使用到需求方提供的明星照片、主题素材、LOGO、主视觉PSD等，那么用素材和这些需求方提供的资料进行混合，并拼出让人觉得震撼的头部视觉，就是我们的目标了。
主视觉下面的信息排布更强调合理性，这时也需要和产品经理沟通从后台调取的图片尺寸、标题字段长度等，然后根据这些要求完成页面信息部分的设计。
总之，设计过程中需要我们不断思考和沟通才可以完成一个比较棒的视觉稿。
视觉稿设计阶段（工具：Photoshop）
网页设计默认文本颜色 第14篇
我们把整体宽度定义为W，然后整个宽度分成多个等分单元A，每个单元A中有元素a和间距i。所以他们之间的关系就是 (A×n)-i=W。
当然每个应用的尺寸不止可以整除成一种栅格，这就要看我们内容排版的疏密程度了。之后，我们将过多内容的栅格和另一个栅格相加得到更大的排版空间，其他元素都须老老实实呆在自己的栅格内，这样就完成了一个布局非常科学的设计了。
比如：如果网页宽度是1000px，我们可以使用：
如果网页宽度是990px，我们可以使用：
如果网页宽度是980px，我们可以使用：
栅格系统具体有以下优势，能大大提高网页的规范性。
在栅格系统下，页面中所有组件的尺寸都是有规律的。另外，基于栅格进行设计，可以让整个网站各个页面的布局保持一致。这能增加页面的相似度，提升用户体验。
网站的栅格化会使网站看起来更有秩序感
网页设计默认文本颜色 第15篇
视频网站的访问量惊人，并且用户的黏着度更高，很多视频网站除了购买版权之外还有很多UGC内容。多说几句，UGC（User Generated Content）是指用户产生的原创内容，很早之前时代用户主要是单向浏览网站，提出的UGC概念就是说用户不仅在浏览也会上传内容。
那么视频网站为什么会火呢？
视频网站的设计师同样也可以分为：产品组和运营组两个种类，来处理产品方向和运营方向的不同需求。
腾讯视频播放页面