全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  应聘面试  >  UI面试题

UI设计面试题:WEB端相关面试问题(二)

发布时间:2022-08-12 17:02:18
发布人:

  一、网站的尺寸和规范?

  1、网页界面设计中,一般使用的分辨率的显示密度是多少ppi?

  答:72像素(屏幕级别72、印刷级别300、喷绘30-45)

  2、网页界面设计中,最小字号是?

  答:中文12px,英文10px

  3、网页界面设计中,使用什么字体?

  答:微软雅黑、思源黑体,宋体、Arial

  4、网页界面设计宽度和安全区分别是多少?

  答:网页宽度1920,安全区1200

  5、网页界面设计规范?

  答:画布尺寸:1920*1080(高度不限)

  版心1200px

  颜色模式:RGB

  分辨率:72PPI

  中文最小文字:12px,英文10px

  保持双数原则

UI设计面试题:WEB端相关面试问题

  二、网站的分类有哪些?

  1、电商网站:B2B商家对商家 B2C商家对用户 C2C用户对用户

  2、企业网站:企业介绍

  3、个人网站:个人性质,如博客

  4、门户网站:早些年信息资源整合类网站

  5、专题网站:特定热点,时效性

  三、网站设计注意事项?

  1、画图形时不要画到外面,影响计算

  2、图形长宽用整数,偶数

  3、单位用像素

  4、元素距离用偶数

  5、文字大小用偶数(互联网产品字体最小中文12px,英文10px )

  6、尽量不用纯黑纯白

  四、网页布局方式?

  1、顶部大图Banner+简单的栅格

  特点,导航栏,顶部大图图片上叠有文字标题,2-4个分栏承载不同类别的信息有的会有图标,主要内容区域,页脚

  优点,布局设计干净清爽,有足够强的视觉表现力,并且常常采用的响应式设计,断点也很好控制。顶部大面积的轮播图或者Banner 也有许多插件或者应用来帮你实现。

  原理:这种布局中,每个元素都各司其职,并且整个流程是富有逻辑的,顶部大图足以营造氛围,给予用户特定的体验,下面的次一级元素能够做的很好的支撑。

  2、单页设计、单栏布局

  特点,导航,主要内容区域文字+图片为主,页脚

  单页式设计这几年非常火,它非常适宜于展现极简的内容,或者专注呈现一个主题。当网站的主题集中,内容也比较固定的时候,无需复杂的布局来呈现,单页单列式的布局足以应付一切。

  采用这种布局模式的时候,空间的控制至关重要,相当考验设计师设计留白和布局平衡的功力。元素和元素之间的疏密关系是需要设计师反复推敲的,如果空间控制不合理会给用户一种混乱的感觉,如果过于紧密则会产生局促感。

  原理:单页式设计适合于小网站或者小型项目的展示,它可以用来制造一个简单的介绍页面,让简单的内容显得不那么单调,强化内容的形式感和重量感。对于内容简单的博客网站而言,单页式设计也是不错的选择。

  3、F式布局(如:后台管理系统)

  特点,页头喝导航,靠左的一栏相对较宽展示主要的内容,靠右常为侧边栏展示相关链接等内容,页脚

  这种F式的阅读模式对应的网页布局就是F式布局,最关键的信息靠左显示,从上到下尽量保持在一条线上。

  原理:人的行为很容易受到习惯的影响,而研究也证实了人思考、行为确实是模式化的。从左到右,自上而下,人们大多习惯了这种行为模式。F式的布局模式拥有良好的适用性,便于用户理解和交互。

  4、极简分层

  原理:极简化的页面中加入简单的几个分层,让页面有了视觉焦点,尤其是当设计者想要引导用户关注到某个关键的内容的时候,这种页面布局很很容易实现这一点。

  相关趋势:微妙的阴影和渐变常常被用在这样的页面当中,强化元素之间的层次感。虽然这些设计手法一度“过时”,但是现在大有卷土重来之势,而Material Design 这样的设计风格就是它们的冲锋号。

  更多关于“UI培训”的问题,欢迎咨询千锋教育在线名师。千锋教育多年办学,课程大纲紧跟企业需求,更科学更严谨,每年培养泛IT人才近2万人。不论你是零基础还是想提升,都可以找到适合的班型,千锋教育随时欢迎你来试听。

相关文章

UI设计公司面试题:如何确保你的设计在不同设备和屏幕尺寸上都能保持一致和响应式

2023-07-28

UI公司面试题:UI设计中,什么是可访问性?

2023-07-26

UI公司面试题:遇到UI设计决策冲突,如何解决?

2023-07-26

UI公司面试题:如何处理跨平台应用程序的用户界面适配

2023-07-24

UI公司面试题:"可访问性"在UI设计中的重要性及如何考虑可访问性因素

2023-07-21

字体篇:字体分哪几类?字体设计技巧分享

2022-08-15
在线咨询 免费试学 教程领取