UI网页设计制作思路

所谓的网页设计，大家应该知道，也就是我们常在浏览器上看到的网页。先前我们学习了UI设计的平面设计，不止如此。UI设计可以分为4个设计：平面设计（GUI）、商业设计（AUI）、网页设计（WUI）、移动界面设计（MUI）。这次主要讲解的便是网页设计了。
像之前在后台网页设计方面讲解了一些内容，但那只是对后台网页的归纳，这次就主要从网页设计的思路及规范要素的讲解。
首先，网页设计的一个界面，最开始应从用户定位制作的什么类型开始，每个不同的网页都会有不一样的用户需求及特点。然后，在考虑用户的需求，也是之前所说的用户研究这一块地方。之后进行制作设计。最后看用户的体验及满意度，适量的进行更改及更新。大概就是这样的一个过程吧，关于网页代码方面的，也涉及网页设计。因为我们还没有完全学到，所有在文献中也写不出什么有点用的东西。
接下来，讲解网页设计的几个要素有尺寸、排版、色彩方面等；在这上面先比较与后台都很类似，那些规则、布局等一些方面在 AntDesign这个网站里都有详细的内容和专注于后台设计的准则。

上面是之前在网上找的网页，左边的是中山大学的官网，是之前制作学校官网首页的时候找的20张网页其中的一张，右边的是中国农业银行的。
关于网页设计方面一直觉得有什么没有了解的地方，然后在网上看了一些相关的内容和知识。归纳其重点并写成文献。就从上面的2张网页进行说明讲解：
对于学校有很多不一样的风格，之前也说过很多。看2张网页上面的导航栏较为一致的都是横排布局的，很多网页都有这个共同点。但像那些以图片为主，来满足用户需求的网页，就不像这种布局。从整体来看页面都显得很协调、色彩视觉很一致。制作一格这样的网页很简单的样子。那就你就大错特错了。
相对之前做网页的时候，先是把整个页面的标准尺寸定好，然后在做一个大概原型图，方便制作的时候布局排版。虽然之前也说过，字体大小、间距方面等。但制作的过程中，还是觉得有些难度，制作出来的效果也和上面2张网页差之甚远。
所以想了想，还是要一些没注意的，比如说留白，就是整个页面空白的地方，虽然看起来空白的地方像是很随意空着的，事实上，留白也不是乱空着的，都是很讲究技巧的，就像上面的网页，留白的地方都不一样。整体看起来不会说很空隙太大，很空缺的感觉。所有这个方面对网页设计也是很重要的一点。
最后在讲解图片方面这个问题，之前做的学校官网，图片不清晰等一些尺寸问题对一个网页页面来说，也是至关重要的，因为就算不是以图片为主的网页，少了图片的话都是文字的话，也会显得太过于密集没有色彩一样。看久了就想睡觉的那种，如果是小说可能就不一样了。没办法谁叫我们写的是文献而不是小说呢。。。。
感觉说这么多，都要点像之前说过的东西有些相似之处，哎，谁叫我们本来要学代码了，然后不知道是什么原因，没有老师来教新课程，也就这样复习以前的学过的东西，那来进一步的了解并写成文献。大概这样的日子还得持续一周吧。。。。
闲话结束 ，

最后总结：其实网页设计页面制作，最为主要的还是布局、视觉色彩方面。其次就是重点内容和不重要的区分好，图片适量放，和整体一致，还有细节方面：一条线、一个角度、一个边框等等。总之，有耐心一步步去制作，提高设计感与技术，时间久了，在这方面的知识也提高了，制作一个有价值的网页页面也不是不可能的。
好像都说过了。。。