最全面的网站建设基础知识全攻略

最全面的网站建设基础知识全攻略

一、网站建立是什么？

网站建设也被称为 Web Design、网站设计、Website design、WUI 等。它的实质就是网站的图形界面设计。固然如今我们常运用挪动端上的 APP 来获取资讯，但是显然基于个人电脑平台的网站上网方式陪伴我们的历史要比手机久很多：从1987年钱天白教授向德国发出第一封电子邮件到2000年搜狐、新浪、网易在美国纳斯达克挂牌上市，再到如今网站遍地；中国的网站高速开展了近三十年。我是在小学开端去网吧「上网冲浪」的，那时的电脑屏幕十分小，分辨率只要800×600像素（比照一下，iPhone8的分辨率是750x1334px），网速也很慢，经常掉线或者加载失败。那时的网站性能和体验都不好，而如今网站设计和过去曾经有了宏大的变化：注重用户体验、注重页面动效、富媒体等设计让往常的网站体验并不比软件和手机 APP 差。加上个人电脑的提高，网站依然是人机交互中十分重要的平台之一。那么作为 UI设计师我们就必需控制的标准和了解网站运转的原理，才干更好地驾驭这个平台。今天就向您好好说道一下网站必需懂得的那些事儿。

2. 视觉稿阶段

视觉稿阶段就是我们要依据原型图肯定的内容和大致版式完成网站的界面设计了，在网站建设的时分，我们需求一些图像和灵感的素材。比方做世界杯专题时，我们除了搜集很多素材之外，也能够设计一个「心情板」（MoodBoard）。简单说心情板就是将一些与主题相关的材料和素材拼贴在一同，这样能够更好地指引我们整个需求的设计主题和大致觉得。另外，很多网站的头部通常需求主视觉来抓人眼球，这时可能会运用到需求方提供的明星照片、主题素材、LOGO、主视觉PSD等，那么用素材和这些需求方提供的材料停止混兼并拼出让人觉得震动的头部视觉就是我们的目的了。主视觉下面的信息排布更强调合理性，这时也需求和产品经理沟通从后台调取的图片尺寸、标题字段长度等，然后依据这些请求完成页面信息局部的设计。总之，设计过程中需求我们不时考虑和沟通才能够完成一个比拟棒的视觉稿。

3. 设计标准

当视觉稿经过后，很多设计师可能不会主动去做设计标准。其实每一个可迭代的产品都需求设计师来总结设计标准，设计标准就是一切页面中共性的东西，比方说字体不同的大小、图片的尺寸、按钮的款式等，这些共性也是用户访问网站时会了解成固定概念的凭证。比方同样的分享功用假如采用两种截然不同的款式就会让用户困惑。那么设计标准主要也是在约束设计师我们本人，在用户有限的记忆力中减少考虑的本钱。同时，网站建设设计标准也能够保证同一个项目的不同设计师都能输出一样作风的设计来。最后，设计标准关于设计师个人来说也是对项目影响的一个佐证，能够证明你的考虑和你在项目中的位置。所以我以为设计师应该主动去做设计标准和项目总结。设计标准如何去做？其实设计标准就是把主要页面的元素固定成统一元素即可。详细来说一个产品的设计标准应该有：字体标准、主体色标准、图表标准、图片标准等不同分类。