网站界面ui设计考试题

1、网页界面UI设计的特点是哪些？

1、交互性

2、版式的不可控性
3、技术与艺术结合的紧密性
4、多媒体的综合性
5、多维性

2、登陆界面ui设计是什么？

1. 文本输入copy框需增加提示

如果用户使用你的服务必须登录，那么输入框中的提示语（如：输入手机号码，输入验证码）必须要增加。

使这些字段清楚可见，并且不要让用户到处寻找，或花更多的步骤进到App。

提示：相比于使用常见的“登录”“登陆”的按钮，可以更富有创造性，并要包含可直接输入区域。确保记住用户的数据，这样他们就不需要每次输入信息。

2. 在登录和注册部分，增加不同的输入字段

除了动词“登入”之外，另一个另用户感到困惑的是，登录和注册部分通常有相同数量的输入框（用户名，密码，和邮箱）。为了更好的区分，最小化新用户尝试直接登录的机会。应用不同的输入字段。

让用户知道哪里错了

如果应用监测到一个错误的密码组合，或用户名，但是没有明确的报告给用户哪里错了，用户可能会多次尝试后，很生气的退出应用。

所以你应该考虑回复哪里出错了（例如“你的密码或邮箱不符合”），并且给他们立马回复怎么解决这个问题。

3、什么是UI界面设计

UI界面设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网说的UI设计是虚拟UI，UI即User Interface(用户界面)的简称。

好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。国内大部分UI工作者都是从事这个行业，是了解软件产品、致力于提高软件用户体验的产品外形设计师。

这些设计师大多是美术院校毕业的，其中大部分是有美术设计教育背景，例如工业外形设计，装潢设计，信息多媒体设计等。

(3)网站界面ui设计考试题扩展资料

UI即用户界面设计行业刚刚在全球软件业兴起，属于高薪技术设计产业，与国外在同步发展水平。其次国内外众多大型IT企业(例如：百度、腾讯、Yahoo、中国移动、Nokia、联想、网易、微软、盛大、淘宝等众多企业)均已成立专业的UI设计部门，但专业人才稀缺，人才资源争夺激烈。

就业市场供不应求。如今，国内的UI设计日益发展，有了专门的职业分工也开始出现一些较高水准的一线设计师与UI设计交流组织。但总的来说，在这一领域，我们与西方发达国家间的差距仍是显而易见的。

软件领域不像物质产品那样，存在工艺、材料上的限制，其核心问题恰在于人。因此，提高软件UI设计师的个人能力，真正提升软件产品的人性化程度，已成为中国UI发展的重中之重。

4、各位，请问谁有试题库管理系统功能模块试卷管理的界面设计与各功能代码啊？

可以应用百度Hi通知我们
有机会可以解决你的问题
具体的要求也可以通知我们

ES:\\

5、优秀界面UI设计的标准是哪些

UI即User Interface(用户界面)的简称，UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计，好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。

在飞速发展的电子产品中，界面设计工作一点点的被重视起来，做界面设计的“美工”也随之被称之为“UI设计师”或“UI工程师”，其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要卖点，一个产品拥有美观的界面会给人带来舒适的视觉享受，拉近人与商品的距离，是建立在科学性之上的艺术设计，那么，UI设计的规范标准有哪些呢？

一、轴

轴在UI设计中是最基本、最常见的概念，也是用来组织界面结构的重要核心。

简单说来，轴是在设计的时候组织一系列元素的假象线，在下面的设计图中，轴以虚线的方式被标注出来。

1、对齐

轴最常见于对称元素的使用，当元素被布置成轴对称的布局的时候，会给人有序感。就像生活中绝大多数的事情一样，我们更倾向于享受有序的的东西，它们令人感觉平稳、舒适、平易近人。

最简单的一个例子就是iTunes程序中的专辑列表的设计，所有的专辑列表在界面的左侧保持对齐，围绕虚线轴轴对称。

2、强化

虽然轴是一条假想的线，但是如果周围的元素的边缘控制得足够整齐，这跳线会在视觉中变得更加“明显”的。

最好的例子是城市中的路灯构成了道路两旁建筑物之间的轴，如果一边有建筑一边没有，那么这种轴线的感觉不会那么强烈。

从产品设计的角度上来看，Twitter的时间线设计就是一个很好的案例，左侧的头像和右侧的推文共同塑造出缝隙中轴线的感觉。

3、运动

当我们碰到某先线条的时候，视觉会很自然地沿着这些方向运动，就如同我们站在街上，会自觉地沿着街道的两头走动。两个端点决定了线，界定了开始和结束的地方，线或者说轴线的存在会引导和提示运动的方向。

SoundCloud中，音轨沿着一条既定的水平轴线运动，随着音乐的播放，音轨自然地自左向右匀速运动（具体可查看马海祥博客《如何利用动效设计吸引访客的注意力》的相关介绍）。

4、连续性

如果终点是不确定的，那么你通常会沿着轴线的方向浏览/运动，直到你找到感兴趣的东西，或者感到厌倦并关闭应用。

在建筑学中，未清楚界定的终点非常少见，因为建筑的修建通常没法永远持续下去，但是UI设计则不一样，无限地滚动下去是无比受欢迎的设计手法。

Pinterest的APP中就是这样做的，持续不断的图片沿着中轴线的方向持续不断地滚动下去，只要你有兴趣一直观看下去。

二、对称

当元素被均匀地放置在轴线的两侧之时，他们构成了对称的关系。当元素被精准地在轴线两侧一一对应之时，它们就形成了完美对称。

1、平衡

对称令整个设计更加平衡，当元素与控件在轴线两侧处于相同位置之时，会给人以协调和谐的设计感。

当我们在规划街道两侧的房屋建设的时候，如果左右两侧都是5间大小一致的房子，当你走在街上的时候这种平衡的设计会令人非常舒适，这是平衡给人的感受。

Rdio的APP设计就遵循着这样的设计规则，屏幕两侧的控件是相同的规格，这类布局很适宜阅读，用户会自觉地自上到下，从左向右查看。

2、不对称

如果轴线两侧的控件布置不再是一一对应尺寸相近，那就是不对称的设计，不对称的设计会给人明显的失衡感，可能会令人不舒服，但是也能造就残缺美，当然这要看你具体怎么做。

虽然Pinteret的APP设计在整体上是沿着中轴线对称的(宽度一致)，但是两边的界面控件并非是对称的，它们的高度并不一致，位置也是错落的，稍微一点的落差都会被眼睛捕捉到，而这样的差异让用户无法准确地左右顺序阅读，不对称设计打破了设计的平衡性和舒适性，但是也可以缓解了规律性设计带来的视觉疲劳。

三、层级

当某个元素出现在比其他元素更重要的位置的时候，层级就出现了。

1、尺寸

如果一个设计元素在尺寸上比其他的控件更大，就会区分出层级。毫无疑问，我们查看某个设计的时候，通常会被最大的元素吸引到。如果一个建筑物有5个出窗户，其中一个是其他四个的两倍大，我们的注意力自然而然会被吸引过去。

通过尺寸来区分文章列表层级的典型就是稍后读应用Pocket，顶部的轮播文章拥有更大的图片，它的位置和尺寸会令我们一眼注意到（具体可查看马海祥博客《详解移动端设备页面尺寸设计原理》的相关介绍）。

2、形状

如果一个控件在形状和形态上同其他的不一样，也可以让它独立出一个层级，不规则的设计同样会令人侧目，建筑物的正面拥有五个相同的窗户和一闪大门，你会立刻注意到门的独特之处。

在Instagram的个人信息页中，圆形的个人头像在方形的图片中别具一格，非常抓人眼球。它会让人意识到，这个独特的东西，更为重要。

3、位置

位置的存在同样能彰显层级的不一样，在圆圈之内，中心位置的东西比边缘部分的看起来更重要，位于轴线顶端的控件会显得比其他部分的优先级更高。

以设计应用Path的设计为例，时间轴顶点处的用户头像就明显比时间轴上的其他部分更重要，而这个地方正好展示的也是用户头像。

四、韵律

UI设计和建筑设计同样有着韵律之美，重复的模式会营造出独特的节奏之美。

1、模式

理解韵律最直接的方式就是听歌，音乐拥有节奏感，绝大多数的音乐遵循着相同的节拍，节拍就是音乐模式的一部分。

这方面最典型的APP是Airbnb，APP列表中每一间房子都占据一个模块，模块中有着大小相同的图片，价格、位置和房东信息和图片的相对位置一定，且排版匀称舒服，两个模块之间的间距也相同，当你浏览的时候，熟悉的节奏会让你清楚地知道上哪看关键信息。

2、间断

当节奏被间隔打断的时候，会形成不同的层级，听歌的时候，均匀的节奏被其他的音乐元素打断的时候，你会意识到这是比较特别的部分。

在Twitter的APP中，推文和推文保持着相同的样式，均匀的节奏，但是其中的“推荐用户”一项有着不同的样式，它插入到推文列表中，打破了整个信息流的节奏，凸显出不同的层级，会很快抓住你的注意力。

6、UI设计都包括什么？

视觉设计基础内容：通过对UI行业的讲解增加对整个行业深刻的认识，零基础学习PS和AI，在实际商业案例中学习PS/AI软件功能，多种商业案例、多类设计风格的学习让设计师面临各种需求时有所应对。
品牌运营视觉设计：学习手绘技能，结合手绘技能融合商业设计，系统打造商业品牌价值体系;每个品牌项目设计赋予准确的文化、理念、精神、与价值定位。 印刷+工艺以及线上活动营销、双微营销实现全流程一站式教学服务，设计生产与品牌营销无缝对接，学习职业原创视觉设计师技能。
电商运营视觉设计：C4D空间场景搭建+PS高级合成，站在营销和创意的角度，设计出吸引人眼球的高流量宣传页面。 PC端+移动端双重讲解，学习高竞争力的电商应用知识。讲解淘宝/天猫/京东开店流程、装修流程、上架流程;创意+数据+营销，三位一体综合教学，打造高流量、数据化店铺;变身懂运营擅视觉的高级电商设计师。
产品交互UI设计：学习Sketch软件操作，熟悉项目全流程介绍、项目产品认知;能够制作PC、APP、电视、小程序等客户端界面设计及交互;融入行业新知识、加入行业特性，用户体验+产品思维+交互动效+视觉设计，为零基础学员和转型UI设计搭建一体化学习路径，贴近市场需求，体验项目双端(移动端APP与PC端企业站)一站式全流程设计服务。
UI项目实战高级进阶：设计师职业发展管理与项目思维复盘方法，理解品牌思维要点、用数据思维之道营销设计、视觉类项目实战与作品集润色、用户思维的格局、业务逻辑思维、可以做到视觉风格的应用及精细化设计、结构化思维与沿趋势设计;利用前沿趋势的设计、引进数据驱动、B类产品设计、AR/VR/MR体验交互设计，进入前沿公司不再惧怕。1:1还原项目所有的评审-流程-进度，结合产品思维、视觉设计、交互理论、数据思维打造差异化作品集。
为了工作中的游刃有余，还有赠送的网课，可以解决代码的问题、cdr软件的问题；代码的内容、整套适合零基础学员学习，通过项目实战学习网页制作HTML/CSS前端开发知识，在系统学习中采用整合精讲形式击破学习网页制作中的各属性细节及难点，达到掌握前端开发就业能力。CorelDRAW软件通过项目实战学习软件知识点，以工作实用为主导，既强化软件同时又强化综合项目实战，实战作品具有行业代表性与前瞻性!
我这边有之前学习整理的ui学习资料，需要私

7、考试系统界面如何设计？

在进行UI设计时需要充分考虑布局的合理化问题，遵循用户从上而下，自左向右浏览、操作习惯

8、UI设计和网页设计的区别？

要想了解这两者的区别，就先来看看他们的定义是什么。UI设计是指软件的人机交互、操作逻辑、界面美观的整体设计，用自己的话来说就是设计软件和用户的互动方式。而网页设计是根据企业希望向浏览者传递的信息，进行网站功能策划，然后进行的页面设计美化工作。现阶段的UI设计，通常来说是一定程度上包含了网页设计的内容的，目前的UI设计面向的方向很广泛，除了UI设计，还包括了网站管理、网页设计、交互平台设计、app移动界面设计、用户体验、产品设计、电商包装设计等。而网页设计通常来讲是专门负责网站中各个页面的设计。而网页设计中，最先提到的就是网页的布局。布局是否合理、美观，将直接影响到用户的阅读体验及访问时间。

总之，UI设计包含有网页设计的内容，但是网页设计是一种更专业的网页界面、布局等设计。

9、七个网页界面ui设计细节你掌握了吗

素马主张任何高大上的产品概念设计最终落地都化解为版式与图片。随着用户对产品使用的体验要求越来越高，新锐的版式加上精美的图片，还需要加上独特的动效设计（前端制作工艺）才行。那么，除了网页设计三大块版式、图片、动效外，我们这些看似搬砖，每天做细节设计的ui设计师，是否有大的研究和作为呢。今天分享的这篇文章，主要是针对ui界面中非常细小的设计技巧进行讲解。

01

-

使用色彩和字重来创造层次结构，而不是单纯的大小对比

在对UI 文本进行样式控制的时候，最常见的错误莫过于过度依赖字体大小差异来营造对比。

“这段文字重要吗？那么让它更大一些吧。”

“这段文字是比较次要吗？那么让它变小一点吧。”

单纯使用字体大小对比，所营造的对比并不够，尝试结合色彩和字重来营造更好的对比效果。

“这段文字重要吗？我们让它色彩更加大胆一些吧。”

“这段文字是比较次要吗？我们让它的色彩更浅一些吧。”

如果可以的话，你甚至可以采用两到三种颜色：

・主要内容采用深色（诸如标题，但是不要用纯黑）

・次要内容采用灰色（比如文章发表日期）

・辅助性内容采用浅灰色（比如页脚中的版权声明）

类似的，在UI设计的时候，通常两种不同的字重足以营造出优秀的层次感：

・大多数的文本采用正常的字重（400到500，具体取决于字体）

・对于需要强调的文字采用较重的字重（600到700，具体取决于字体）

应当尽量不要让正文部分字重低于400，因为这一部分字体本身尺寸已经较小，低于400会使得可读性不佳。如果你依然需要降低字重，那么不妨让字体色彩更浅一点，或者替换成其他识别度较强、字重相对较小的字体。

02

-

不要在有色背景上使用灰色的文本

在白色背景下，将黑色的文本改成灰色，是不错的淡化其视觉效果的做法，但是在彩色背景下这么做，则是另外一回事。

实际上，让白色背景下文本由黑变灰实际上是达到降低对比度的效果。

但是在彩色背景下，想要降低对比度是应该让文本逐步接近背景色，而不是改为灰色。

想要降低和背景色之间的对比，通常有两种方法：

1、降低白色文本的不透明度

降低不透明度，能够让背景的颜色透过来一些，以一种不冲突的方式降低前景文字和背景之间的对比度。

2、基于背景色手工挑选文本的颜色

当背景是图像或者图案的时候，半透明的文本会影响可读性，这个时候最好是基于背景主色调来挑选相应的文本色。

03

-

阴影设计

相比于采用大范围的扩散模糊阴影，使用微妙的垂直偏移阴影效果更明显，更自然，它模拟了最常见的光源特征，光线从上往下照下来所营造的阴影效果。

如果你对此有兴趣，Material Design Guideline 非常清晰地给你讲明白了这样的阴影的制作细节。

04

-

尽量少使用 Borders

盒子模型是网页前端最常用到的工具。当你需要在两个元素之间创建分隔的时候，尽量避免使用两者的边界直接接触。

虽然 Border 是分隔两个元素的好办法，但是它不是唯一的方法，使用过多会让整个布局的设计感降低，甚至会造成混乱。

所以你可以尝试下面的办法来规避：

1、使用 box shadow

box shadow 同样可以营造出边界感，而且更加微妙，并不会显得突兀，不会分散用户的注意力。

2、使用不同的背景色来区分

通常，相邻的元素背景只需要有微妙的差别就能够让人对他们进行区分。所以，你所需要做的就是在不同的区块采用不同的背景色，并且尝试删除边框，因为你根本不需要它。

3、增加额外的留白

创建元素之间的分离效果，并不一定要通过线框来表现，只要增加留白，让它们分隔开就行了。通过留白和间距来实现元素分组是UI设计中的常用手法。

05

-

不要让小图标无端地放大

当你在设计着陆页的时候，可能会突出产品的功能，这个时候你需要一些大图标来作为视觉锚点，这个时候你可能会去 Font Awesome 或者 Zondicons 这样的网站找几个免费的矢量图标，然后放大到符合你需求的尺寸。

它们都是矢量图标，照说是可以无损放大的。但是一个通常只有16×16 的图标放大三四倍，它固然无损，但是在视觉上就显得颇为不专业了：缺乏细节，总感觉过于矮胖。

可是，如果这些小图标是你唯一能够搞得到的素材的话，那么不妨试着将它置于另外一个带有颜色的图形当中：

这样的设计不仅能够让图标达到预期的视觉体积，而且看起来要比单纯放大，看起来细节会更多一些。当然，如果你手头不是那么紧的话，最好还是买几个大尺寸的高素质图标，比如 Heroicons 或 Iconic。

06

-

增加带有颜色的单边边框提升个性

当然，你可能并不是一个对于平面设计有着足够经验的设计师，但是依然可以让你设计的界面有足够的视觉吸引力。

最简单的方法，就是在界面的边框中的一边添加上单色甚至渐变的边框，这能让平淡无奇的界面一下子变得鲜活起来。

比如在警告弹出框的侧面：

或者在导航栏的底部，以示触发：

或者在整个页面的顶部：

这并不需要什么平面设计的经验，但是会明显强化设计感。

退一万步讲，你不知道选取什么颜色，简单，上Dribbble 的色彩搜索中随便找几个看着漂亮的颜色，其实也就够用了。

07

-

并非每个按钮都需要颜色

很多时候，按钮本身所处的语境和按钮上的文本内容会让人感到迷惑。像BootStrap 这样的框架就让设计师按照语境和语义来进行选择：

“这是一个积极的操作？让这个按钮是绿色的吧。”

“这是否是要删除数据？那么将按钮设置为红色的吧。”

的确，语义和按钮本身的设计息息相关，但是还有更重要的维度被忽略了，那就是层次结构。

网页上每个操作其实都位于整个交互金字塔的某个位置。绝大多数的页面其实只有一个主要操作，搭配一些不太重要的次要操作，以及为数不多的几个三级操作。

在设计这些交互的时候，通过层次结构来呈现这些交互的重要性是很重要的设计环节。

・主要操作应该很明显。采用实色、高对比度的按钮是很有必要的。

・次要操作应该明显，但是不突出，采用幽灵按钮或者和背景对比度较低的色彩是比较合理的。

・三级操作应该是可被发现，但是不明显的，他们最好被设计为链接。

“破坏性的交互所涉及的按钮难道不应该是红色的么？”

没必要！如果破坏性的交互所涉及到的按钮不是主要操作的话，让它按照次要操作甚至三级操作的按钮来设计就好了。

如果这样的操作是主要操作的话，可以让它是大号的、红色的带有加粗文本的按钮：

小结

-

以上总结的七个ui界面设计小细节处理技巧，都是大量的项目实战工作中总结出来的，容易理解也容易执行。有人可能说，连一个像素都在磕，又不是搞科学研究火箭发射，有必要吗？我只能说，这是一个工作的专业度问题和态度问题。也许一像素并不影响ui界面的美观问题，但是却是一位大师和普通工人的区别。

10、关于用户界面设计的相关试题，快考试了，请帮助一下了

第1题
题目类型： 单选题
题目：___3______是传统书本的替代品。

可选答案:
1.联机演示
2.联机培训
3.联机用户手册
4.上下文帮助

第2题
题目类型： 单选题
题目：___1______是一个很小的弹出窗口，也是一种上下文用

户帮助。

可选答案:
1.工具提示
2.状态栏消息
3.帮助提示
4.上下文相关帮助

第3题
题目类型： 单选题
题目：要求所提供的帮助包含所有需要的信息，并且意义明确

、完整、具体，同时排除不需要的信息.这是帮助处理系统的

_____4____原则。

可选答案:
1.一致性
2.可理解性
3.可维护性
4.完整性

第4题
题目类型： 单选题
题目：比较知名的网页设计软件中，哪一个软件的特点是功能

强、简单易用、界面友好，且提供了多种站点和网页向导，能

是初学者快速入门，同时也能和其他微软公司产品无缝集成

（2）

可选答案:
1.Dreamweaver
2.FrontPage
3.Java
4.Firework

第5题
题目类型： 判断题
题目：一个命令执行完后的恢复，好的系统应能进行多次回溯

恢复。（正确）

正确 错误

第6题
题目类型： 判断题
题目：目前已经出现模拟三维的操作界面，在数据压缩技术的

改进和流技术的推动，在互联网上出现了Flash视频技术。（

错误）

正确 错误

第7题
题目类型： 判断题
题目：Dreamweaver MX是站点创建和管理工具，使用它不仅可

以创建单独文档，还可以创建完整的站点。（正确）

正确 错误

第8题
题目类型： 填空题
题目：一个好的系统，应该有检查错误和__错误恢复_等措施

解决

第9题
题目类型： 填空题
题目：网页设计人员必须根据网站各个阶段的经营目标，同时

期的经营策略，以及用户的反馈，经常对网页进行调整和___

修改 _____。

第10题
题目类型： 填空题
题目：商业站点的共同特点包括基本信息发布；支持与帮助；

投资机会；公关关系；招聘信息；__电子商务______。