不好的网页界面设计（优秀的网页界面设计）
本文目录一览：
web端交互设计页面布局对比分析2018-04-07
1、右面显示内容的布局，整体效果类似英文字母“T”，所以称之为“T，形布局。这是网页设计中用得最广泛的一种布局方式。这种布局的优点是页面结构清晰，主次分明，是初学者最容易上手的布局方法。
2、网页色块设计 随着互联网的发展和H5的出现，网站网页的排版方式越来越倾向于简洁大方，这最根本的原因在于：用户的视觉和心理。
3、随便打开一个页面，然后看看有没有合适的“当前位置”指南，会不会迷路，如何返回之类的。（3）重新检查一次里面的用词/图标，是否一致。
4、同时打开多个手风琴菜单，分类标题不易寻找，且容易将页面布局打乱。场景 适用于两级结构的内容，并且二级结构可以隐藏。， 多面板布局 优点 减少界面跳转；分类一目了然。
【网页设计规范】网页设计规范尺寸
1、*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。1024*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612-615之间.就不会出现水平滚动条和垂直滚动条。
2、网页设计合适尺寸，已经有了很大改变，不需要担心设备尺寸不同的问题，以目前主流形式来看，有以下：pc端网页的设计稿尺寸是宽度1920px，高度最小是1080px，主体内容在1200px内就行，比较规范。
3、网页设计合适页面尺寸：800*600下，网页页面宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。
4、网页设计标准尺寸：800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。
5、网站设计中的图片常用4（宽）：3（高）、16（宽）：9（高）、1：1等比例。具体图片大小没有固定要求，但整数和偶数为佳。
UI设计师如何判断一个作品的好坏
一个第一眼看上去去色彩失衡或者明暗度不搭调的界面，会使用户在视觉上感受不到舒适感，那么相信它也不会是一个好的设计作品。从页面架构方面来鉴别 好的页面架构可以毫不费力地引导用户操作和阅读。
思想，生活的传达 作品是什么样，一般能从另一个层面看出一些设计师对生活对工作对感情的态度和状态，所以别小看一个作品的力量，它可能就是传达你自己真实内心的一个媒介，可能你并未发现，但是旁观者已经发现你了。
色彩上：第一眼看上去色彩协不协调，舒不舒服是很重要的，如果界面杂七杂八的，相信很难会有人喜欢。
我认为好坏的界定在用户体验，ui设计师要考虑的是实际交互知设计流程是否顺畅，逻辑清晰与否，图标辨识度，是不是某个图标让你道一看就看懂，不懂的是否有相关文字说明，视觉设计也内占了一部分评审分数，但不及用户体验。
响应式网站有什么优缺点?
优点大于缺点 页面多终端自适应显示，提高用户体验感 使用同一网址，利于搜索优化，提高网站排名 利于后期优化维护，无需维护两个网站。
响应式网页设计 优点：跨平台和终端且不需要分配子域。兼容当前及未来设备。节约成本。一个域名，一套网页。缺点：兼容性 不兼容低版本浏览器。移动带宽增多。加载事件长、无用代码太多。内存大。
建设响应式网站缺点如下：第响应式网站加载需要一定的时间 在响应式设计中，要下载一些看起来并不必要的HTML/CSS。还有一些图片并没有根据设备调整到适宜的大小，而这正是导致加载时间加倍的原因。
SEO优化不需要考虑移动端的额外推广，网站排名更快捷；缺点：因兼容不同浏览设备的需要，网页代码难免臃肿，加载速度相对较慢。如果你还是没有概念，可以打开米拓建站官网查看600套响应式布局的模板看看。
网站界面设计应遵循的几个原则
原则1：统一性 在一个界面中图标的大小、色彩、文本等等外观元素需要保持统一性，这是很多UI设计师最容易出现的问题，但修改起来并不是很难。
明确网站内容 一个网页在设计的时候首先应该考虑网站的内容，包括网站功能和用户需求，而不是以漂亮为中心进行设计规划。明确设计网站的目的和用户需求，从而做出切实可行的设计计划。
文字的编排需要以易读性为原则。字体过小、太密、过多装饰甚至跳跃性地插入页面布局中，都是不易读的表现，也是设计师没有为读者考虑的结果。在书写机会逐渐减少的现代，易读性是文本内容是最基本要求。
加速度下载 盯着屏幕等待页面的下载，相信这是人们较痛苦的事情。进行网站设计的时候，快速下载是设计者们不可忽略的重要事项之一，一般说来，优质网站的网页加载时间应当控制在15秒之内。
遵照可见性原则，尽量提高系统操作的显著性，并多从用户角度考虑，选择好交互设计与UI界面。遵循匹配性原则，需要考虑人的行为习惯和文化背景，合理调整和综合优化设计方案。
Web页面设计遵循三条原则：简洁性、一致性和对比度。简称3C原则。1）简洁性 设计并不再现具体的物像和特征，它要表达的是一定的意图和要求，在适当的环境里为人们所理解和接收。醒目的图形，要求简洁。
