网站界面ui设计多选题

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

第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题
题目类型： 填空题
题目：商业站点的共同特点包括基本信息发布；支持与帮助；

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

2、UI设计培训哪里好？如何选择UI入门课程？

一定要选择正规的培训机构进行学习，最后先实地了解之后再做决定！入门的话我们学校是从计算机基础、平面构成、色彩构成、立体构成、广告摄影、商业美术等基础课程开始逐步深入教学的！

3、根据UI设计常识,选择一个网站对其UI设计进行分析,每个网站的分析点不少于5个.

简洁清晰的界面会给用户留下好的印象。简洁而又清晰的界面，是UI设计一定要遵守的规则。一个主题不清楚，风格不明确的界面是不会吸引到用户访问的。而且主题不明确，模糊的界面设计，会给用户造成一个错觉，这个到底是一个什么网站，而且很容易给用户造成疲劳。站长们可以仔细考虑一下，一个让用户厌烦的UI界面设计，它会不会成功呢？很明显是不会的，所以，UI设计要注意的第一个要素是界面一定要清晰，而且要将这种清晰的思维运用到实践中，这样设计的UI给用户的感觉非常好，体验也会随之提升。

4、七个网页界面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界面的美观问题，但是却是一位大师和普通工人的区别。

5、网站进行UI设计需要注意哪些问题？

你好！
一、清晰的界面往往会给用户留下深刻印象模糊的网站界面，会很容易引起视觉疲劳。因此，UI第一要素就是建立清晰界面的思维，将其应用到实际开发之中去，这将会在很大程度上提高用户体验度。
二、遵从“简洁但不简单”的设计原则 好的网站UI设计，不仅具备清晰的界面，还要给用户以简洁的感觉。用户的第一印象是非常重要的，简洁的UI设计原则会让用户在最短的时间内找到自己想要的内容，提高了效率，很多建站公司都明白其中的道理，进行网站改版就是为了简洁化。扁平化设计就是一个好的思路。
三、给用户以熟悉的感觉 所谓的给用户熟悉的感觉，是UI设计的要点，我们要在创新的基础上周密考虑用户的需求，不能让他们感觉陌生，从而流失顾客，这样对企业来说会是一个很大的损失。
四、和用户交互，提升页面响应速度 UI的最终目标是提升用户体验，所以我们较强和用户的交互，了解用户的需求，提升页面响应速度，最大程度为用户带去便利和舒适的浏览体验。
五、整体必须保持一致风格 网站整体要有一个同意的风格，这其中不仅包含了颜色的搭配要统一，而且字体、网页布局等也要统一。只有保持统一的风格，才不会让用户在访问页面时产生错愕的感觉。
希望能帮助到你！
还请及时采纳谢谢！
祝生活愉快！

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

1、交互性

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

7、很难的UI设计面试题

1. 总体的样式

从 iOS7 以后，Apple 就一直在采用扁平化的设计模式，去除了所有不必要的纹理和阴影等效果——和早些年间的版本完全不同。Google 的新 MD 设计规范有了一些更加细节的规定，通过一种叫“纸片”的方法来创造更多的层级关系。

2. 实体按钮

Android 有一个返回按钮，点击它可以返回上一个屏幕。

iPhone 上则没有这样一个按钮，所以需要有一种方式能够让用户回到先前的屏幕。通常的解决方案是在屏幕的左上角放置一个返回键。

3. 通用元素

两种平台之间的确存在着一些通用的元素，比如说状态栏和标题栏，它们会出现在每一屏的顶部。你不应当改变导航栏的高度，如果你想让 App 看起来更加原生的话。所以，我推荐你在设计的第一页就定义好标题栏的样式，然后在其他的屏幕上使用一个占位的方框来替代，这样能省下不少时间，但是你应当向程序员说明标题栏在不同的屏幕上都是一样的样式。

不同平台上的导航栏有一定的差别。在 Android 上文本是左对齐的，然而 iOS 上是居中对齐的。在 iOS 上，很多企业都用它们的 logo 来替换首页标题栏中的文字，但是在 Android 设备上这不是一个好的主意。状态栏(显示你的网络、电量和时间信息)是系统组件，你不需要考虑设计它，只要确保它们不会对他人造成误解就好了。

4. 导航

或许iOS 和 Android 平台之间最大的区别就在于他们的导航样式了。Android 上最主要的导航方式是抽屉菜单，Android 用户们通常在这个菜单内进行跳转。而且在整个 App 中，这种体验是一贯的。Apple 的导航样式更倾向于 tab bar，它位于屏幕的底部，并且以一种很简单的方式实现上部内容的切换。当你设计 App 的结构的时候，你可以为不同的平台设计不同的导航样式。

5. 要不要用卡片式

在 UI 设计中，卡片正逐渐成为一种主要的 UI 设计样式，它们可以应付多种情况，而且给用户提供了一种能够呈现有效内容的便捷方式。视觉上，卡片非常适应于 Android 的 Material Design(它事实上源自于纸张的灵感)。使用阴影和卡片之间的合理间距能够创建一种自然的外观。

在 iOS 上，使用卡片设计需要更加的小心谨慎，尽管一些大型的 App，诸如 Facebook 和 pinterest 的确使用了一种略微偏离 iOS 视觉规范的设计风格。Instagram 使用了一种完全扁平化的设计风格，尽管从结构的观点上看，用户的每一条推送都能被视为是一张卡片，instagram 的设计很值得你去花时间揣摩，它是如何遵循 iOS 视觉规范的。如果你要在 iOS 平台上应用阴影，你最好小心谨慎，尽量使得这些阴影不是那么的明显。

6. 排版

iOS 系统上的默认字体是 Helvetica Neue，在 Android 上则是 Roboto。尽管这两种字体在外观上有显著的差异，但是这两个字体的尺寸却是近乎相同的。如果你想要在设计的时候节省时间，那么用一款字体就可以，但是要和开发人员沟通在不同的平台上使用对应的字体。而在设计重要的布局结构和使用大号字体时，我建议你还是同时用这两种字体测试效果。

如果你想要精益求精，那么你就要对不同平台上的设计规范更加注意。比如如下几条：

Android 的 MD 设计需要用到更多的空格来进行布局

在 MD 中字体大小的变化会更加多样

在 iOS 上，字体没那么多大小差异，但是在字体重量上(Font weight)有更多的变化，同样允许你创建主次结构

两个平台都使用比较细的字体来现实正文内容，然而，在下面的例子中，Android 使用了轻(Lighr)和常规(Regular)字体，而 iOS 使用了粗体(Bold)和常规字体

这是一个非常简单的例子，向你展示了排版方面的一些细微的不同可以导致印象上的巨大差异——你能很快分辨你是在用 Android 手机还是在用 iPhone!

7. 网格和触摸元件

iOS(@1x 下 44px)和 Android(1:1 比率下 48p)都有对可触摸元件的设计规范。MD 规范同样建议对所有元素使用 8dp 网格对齐。

在最近的项目上，我发现遵守 Android 的这些设计规范会更加安全，因为大一些的 48px 的按钮在两个平台上都表现良好，而且 MD 的规范更加全面，还经常更新。不管怎么说，你都应该在设计中使用网格，但是我们发现定义更加明确的 Android 网格会更好用一些。

8. 按钮样式

这里是 MD 下定义的几个按钮类型：

浮动动作按钮(Floating action buttons)：最传统的有边框的按钮，阴影厚重明显，将它们从页面上分离出来。它们仅应当被用于背景，或者谨慎地在卡片上使用，不应当在警告框或者弹出框上使用，因为使用这种按钮，就会创建一层视觉深度。这种按钮的填充颜色一般使用 App 的主色，而下一种按钮，通常使用辅助的颜色。

扁平化按钮(Flat buttons)： 通常文本使用 App 的主色，没有边框，它们通常使用间距和大写字母来强调不同内容之间的分离关系。

和 MD 相比较，iOS App 在外观上是完全扁平化的，没有层级深度和阴影。主要按钮有填充颜色，次级按钮反转颜色，也就是说，有着主色的边框和文字。这种方案有时候会受到一定的限制，特别将它是用于标签栏等元素的时候。要用好这种设计模式，你必须对不同的颜色在你的 App 中分别代表什么有一个清晰的概念。

9. 动作表单

动作表单(Action sheets)允许用户在多项操作中进行选择。比如，当我点击(或者长按)我想要分享、上传、复制或者删除的图片时。

iOS 和 Android 用近乎相同的方式解决这种问题。首先，动作表单都是出现在屏幕的地步，然后在主要内容上罩上一层阴影。然而，它们在创造不同的深度和其他细节方面有着一些不同。

Android 在动作表单上加了一层厚重的阴影，表明它是脱离于原先的内容的。

iOS 的动作表单没有阴影，仅仅是在原先的背景上防止了一个有一定透明度的灰色图案。

下拉按钮

只存在于 Android 上，它允许用户快速选择功能。然而，记住，这并不是 iOS 原生的控件之一。在下面的例子中，用户点击 profile，然后弹出了一个下拉菜单，提供了几个选项。

特殊数据输入

像特定的一些数据的输入，比如日期和时间，Android 现在有了原生的对话框，虽然它们看起来像是警告弹出框，一个例子是日历输入。iOS 使用完全不同的方式解决这个问题，它会在屏幕的底部弹出一个转轮让用户进行选择。在设计这些东西的时候要小心，并且和开发人员做好沟通。

10. 分类控制

分类控制允许用户以一种简单的方式在不同内容之间进行跳转。在不同的平台上，该控件的使用方式是完全相同的，但是在视觉上有着显著差异，因此要注意使用正确的形式。在 iOS 上，分类控制控件的外观很像我们刚才提到的按钮。而在 Android 上，通过间距来展现它们的分离关系，同时用下划线来标明目前所处的位置。

11. 弹出框

正确地处理这一类型的控件十分重要，因为他们也许会涉及到一些很重要的操作，例如注册，确认条款，甚至是确认支付。我们需要让他们看起来是原生的，以便产生一种安全感和信任感。

Android 的警告框使用的按钮样式，就是我们先前提到过的扁平按钮，你可以在 MD 说明文档中找到它们应有的尺寸。动作按钮位于卡片的右半部分。实际上，所谓的按钮其实就是一个文本。它们使用大写字母将它们和其他内容区别开，并且使用 App 的主色。

12. icon

icon 设计是在 UI 设计中的一个比较特殊的领域。不管你是使用免费的 icon，和专门的 icon 设计师合作，还是自己设计 icon，不同的平台上对 icon 都有特别的样式要求。iOS 平台更偏好线形 icon，Android 上的 icon 的描边则更加地粗壮，或者干脆就用填充的 icon。这里是两个平台上的 icon 对比，你也可以点击这里的链接查看 iOS 和 Android 下的 icon 设计规范。

13. 面包菜单、载入图片

不幸的数字 13(注：最后的晚餐的在场人数)。通常来说，警告框和表示载入的图标留给开发者做决定。你或许已经经历过弹出框和警告框的设计和 App 的其他部分样式完全脱节的情况。那是因为通常 iOS 和 Android 平台都有对这些情况的默认的处理方案，但是你也可以利用你的方案进行替代。在这里，让你的设计能被真实还原的最好的方式就是和开发人员多进行沟通。

14. 通用 UI 控制

复选框，单选框和输入框，以及开关都是应该有着原生感觉的控件。像警告框和对话框一样，这些控件保持默认样式的话能够给用户带来熟悉感和信任感。尽可能多地使用原生控件，用户自然知道如何使用他们，并且在涉及到敏感信息和支付事宜的时候能够更信任你的 App。

在下面的例子中，我们可以看到两个平台上的差异其实是很小的，小到你在设计的时候可以忽略这些差异，用其中一种形式设计，但是不要忽略细节上的差异所带来的原生的感觉。使用你的 UI 库，并且在开发的早期和开发人员做好说明。

引用自：CSDN，粉丝转载

8、网页设计（网页界面设计）的问题，谢谢！

你真牛，能带这么多网址。

9、ui设计面试问题及答案有哪些？

一、ui设计面试问题及答案——具体问题

例如，面试官会问，“在我们团队的应用程序的设计和开发中，为什么我们要有标准的命名约定?”这似乎是一个简单的问题，但实际上，它甚至更空洞。建议从以下几个方面来改善这一问题。

A. Self-view:后期修改文件和图层更加方便，标准命名也更加专业。

B.团队视角:如果命名不统一，后期的沟通会浪费很多时间，可能会导致文件丢失。任务转换需要大量的学习成本和缓慢的进程。

C.开发视角:这是最重要的一点，可以大大节省程序开发的时间和成本，减少不必要的沟通和重复切割的可能性。

二、ui设计面试问题及答案——抽象的问题

当面试官问你:“你为什么离开上一份工作?”这个问题更加抽象。看看你是否有自己的自由式。

答:Self-Perspective

我在上一个公司也学到了很多，但是因为我们在每个阶段都接触到新的事物和新环境，我们对这些事物有了新的理解，激发了更多的设计想法。

b公司的角度来看

从业务广度来看，最后一家公司会长期维持现状，晋升空间有限。因此，有必要离开以前的公司，走自己的设计道路。

以上便是关于ui设计面试问题及答案的介绍了，希望它能帮助我们开拓，并确定属于我们自己的设计风格，这一点非常重要。如果您想了解更多关于ui设计的相关设计技巧及素材等，可以点击本站的其他文章进行学习。