2024年网站设计面试问题 篇1
现在很多人在接触UI设计之前，都不知道UI设计是做什么的，也不知道UI设计就业前景怎么样。其实UI设计的工作范围很广，可以从事平面设计、网页设计、移动UI设计、界面交互设计等方面的工作。
随着互联网技术、智能硬件的飞速发展，移动互联网、物联网迅速普及，这些科技的发展都离不开技术开发与UI设计，有互联网相关产品的地方就一定需要UI设计师。现在百分之九十以上的企业、单位、学校都或多或少地会运用到互联网技术，所以UI设计师可以在许多领域都有很大的发展空间。
UI设计师具体是做什么的呢?其实UI设计师就是设计出美观、有效、便捷的界面，提高用户的产品视觉及操作体验度。立足于以人为本，以用户体验需求为基础，UI设计师前景十分优越，是产品抢占市场的核心竞争力之一。
千锋教育UI设计课程是千锋教学研发团队自助研发的，课程设计紧跟互联网潮流，将前沿的设计融入到课程中，并且全面持续精进优化课程内容和教学建设，严格把控教学中的每个环节，确保教学品质，对学员的学习结果负责。
成都UI培训哪家好呢?千锋教育值得你选择。千锋教育UI设计始终专注于培养高端UI设计人才，提供详细严谨的技术指导，让学员掌握互联网产品设计、交互设计的精髓，掌握如何做一个优秀的互联网产品。
千锋教育的每一位老师都履行着“帮助学员成就梦想”的师者使命，坚持“实战为王”的教育方针，培育和凝聚了一批又一批高水平的设计人才，用千锋人的专业和能力为学员的梦想铺路助力，用千锋人在不断实践教学中摸索的经验，帮助学员奔赴高薪成功之路，实现自己的理想与价值。
千锋成都UI培训拥有一支优秀的教师团队。UI设计学科讲师都是资深的网站工程师和设计讲师,很多讲师拥有着10年网站开发与教学经验以及上百个网站项目成功案例的经验，对企业产品设计流程非常熟悉，对行业的前沿流行趋势也是十分了解。可以说，经过千锋导师的讲解，学员对于现阶段行业需要的设计理念的把握将会更盛一筹。千锋平台的免费UI视频教程帮助每一个爱好UI设计的同学快速学习。
2024年网站设计面试问题 篇2
过来人经验说一下：
115的面试还是比较正规严谨的，一面笔试、笔试通过了后按照流程二面。
二面之前最好稍微复习一下基础的知识、比如设计网站的设计要点和规范，还要准备APP相关的知识，像交互设计方面的问题。
当然最重要的还是准备多一些精品设计作品，这个最有说服力，需要你讲讲一下自己作品的设计理念。
还会问到你此前做的产品，以及你对产品的了解程度。相当于考考你对产品方面的理解，只有理解通透了后做设计才会思考的更全面，做出最好的产品。
2024年网站设计面试问题 篇3
UI设计需要学习什么软件？这边就给大家讲下，UI设计需要学习的软件有哪些？就目前的UI设计师平均技法，基本是PS、墨刀或者Axure为主，AI、DW为辅，会AE会更好！PS主要用于绘制图标，界面设计，排版布局，切图！
PS是任何一名设计师都必须掌握的一款软件，其主要功能涉及图像、图形、文字等各个方面，无论是处理加工图片，还是凭空创作作品，PS强大的功能都能一一实现，掌握PS是成为一名设计人员的前提。
墨刀或者Axure主要用于APP交互原型设计！
Axure是比较经典的设计工具，墨刀是一款新型的软件，它于Axure更有可直接生成二维码，在手机上预览APP效果的优势，非常直观的看到整个APP的交互效果。
AI作为辅助软件，主要用于绘制线性图标，插画类元素效果图！
一款功能强大的矢量图绘制图片，AI与PS之间具有良好的兼容性和相通性，操作方式几乎接近！PS学好了，那么AI也差不多会操作了。
DW主要用于网页前端开发，学习DW并非是学习软件本身，其目的是用于前端代码的编写！
目前UI市场，需要的是复合型人才，学习网页前端语言：HTML ,CSS,HTML5，可用于UI适配，更能方便与程序员对接工作。
AE主要用于制作动画，要求并不需要达到专业的做影视特效的程度，只需会简单的动效，作为效果展示即可！
实际在工作中运用的并不多，而且，如果是使用墨刀做原型设计，就并不需要用到AE，因为墨刀就可以达到效果展示的目的。
工欲善其事必先利其器
学好设计的第一步是先学习其设计工具，否则你有再好的创意也无法实现，之后应该要学习哪些内容，且听下回分解！
2024年网站设计面试问题 篇4
这是我对自己三年多电商设计工作的总结，也是对个人职业的未来提出的新要求。以下这20点职业技能和素养，如果我已经具备，则深化之；如果还不具备，则勤学习之。一、职业技能篇
1.摄影后期商业修图技术。电商设计师，俗称美工，我们的工作内容大而全，什么都要会。一开始我与大多数淘宝美工一样满足于基本的后期修图，把摄影公司拿出来的图磨皮调色然后做直通车图。后来看了一些国外的设计网站，看了时尚芭莎和VOGUE杂志，心中渐渐升起一个念想：美工也可以把图片修的很高端，很上档次。跟专业的广告公司相比，市场对美工的整体修图技术要求是不高的，一是因为大部分电商店铺不需要把图片修得多么细致，二是因为美工的工作内容大而全，很难专注于哪一个方面。但是话又说回来，如果我们想要进入一个上档次的团队，去做一个上档次的美工，我们就必须从整体上提升自己的水准，商业修图就是其中之一。没有哪个美工知道了自己可以继续进步而踏步不前的，除非懒癌晚期；没有哪个电商公司不欢迎具有高水平修图技术的美工的，除非公司档次本身就不高。我们的商业修图技术至少要达到广告公司修图师的水准所在的层次，目前我正在提升这个方面。
2.图像合成技术。做海报、店铺装修、各类站内站外推广图都需要用到图像合成技术。图像合成水准也有高低之分。这考察到对软件功能的理解和应用。不是学会了PS就可以做美工了（虽然我一开始就是这么个观点但实际上做了老长一段时间的“PS美工”）一开始走了弯路，学图像合成的时候总是去找美工合成教程，后来领悟到了，开始去找专业的图像合成大师的教程。学一个东西，有了软件基础之后，就从根本上去学，学高级的、专业的东西。如果只将自己的学习范畴限定在美工这个职业之内，很难有长足的进步。
3.字体设计与Logo设计技术。难免会做一些营销字体，或帮忙做一下品牌Logo。不要满足于现有字体，也不要满足于拾人牙慧从素材网站上找现场的东西。主观上讲，一个有了进步的设计师总要有自己的东西、脱离了简单的模仿阶段进入到自主创意阶段；客观上讲，一幅图有它特定的、具体的设计需求，或许现成的东西都不能很精准的表达你的创意，也或许去找现成的东西的时间都能够用来发挥原始创意了。我主要用AI这个软件学习字体和标志设计。对Illustrator这个软件的应用可以不面面俱到，到对字体和Logo的设计要深化理解，要学精。
4.色彩搭配与视觉统筹。有不少美工的技术层面是不错的，但做出来的版面缺乏“品牌感”。有品牌感的页面里的商品，买家看了就比较信任，想买。所谓“品牌感”通常是公司老板或者运营人员的话语，用我们自己的话说，就是色彩搭配和视觉统筹。色彩搭配能力是基础，不仅仅是“审美”这种个人化和感性的东西，还是“逻辑”这种严格的、有明确层次的东西，这是我的理解。对于非科班出身的我们，培养色彩搭配的方法最好是买几本大学美术专业的课程，或者听听大学里教授们是怎么讲色彩的。由此延伸，美术里的三大基础，平面、色彩、立体，都可以学一学。将自己的工作经验与这些基础理论契合，是件很有意思的事情。
说到视觉统筹，最重要的一面就是视觉的统一。一个美工要有从审美上涵盖整个店铺、整个品牌的能力，从里到外、从点到面全部拿捏。
5.网页布局与排版。网店版面在进行了适当的色彩搭配和视觉统筹之后，就要进行布局和排版了。布局和排版，与色彩和视觉统筹是一体的，相辅相成的。除此之外，布局和排版还要考虑到买家的想法，买家点击某个东西方不方便，点进去之后是不是她想看到的东西，会不会有心理落差。以数据魔方等数据工具去考察布局和排版的质量，凭感觉是行不通的。
6.网页代码应用基础。主要涉及到一些简单的网页特效。网店对店铺设计人员特效能力的要求并不高，大多数东西都是后台现成的，但我们在装修过程从有了某个关于特效的构思的时候，还是要会做出来。我认为，一个高端的页面，是简洁的、明了的，特效很少或很平缓，美工要做的就是作出这些不那么夸张的特效。即使我们使用一些美工工具替代了诸如DW之类的软件，也要会修改工具生成的代码，为自己所用。
7.营销活动策划能力。活动策划由运营人员负责，但美工几乎全程参与，所以也要具备这方面的能力。运营与美工的配合，很大程度上影响活动效果的好坏，如果相互合作的两类人，运营懂美工技术，美工懂营销策划，那么这种合作是很有品位的，这个团队是很容易进步的。我们不能要求运营，但可以要求自己懂营销。
8.摄影基础。手里有台单反，周末去拍拍片。我们每天修图，要知道自己修的这些图的光影来源。快门，光圈，曝光，焦距，都要理解。实际操作一台相机，有助于加深我们对图片的理解；学习摄影基础，有助于我们修出更好的图片。
9.对化妆过程的了解。每天都要在电脑屏幕上见到很多张模特的脸，去修她们的眉毛，睫毛，脸，头发，等等。如果我们与化妆师沟通过，了解了她为什么要这样化妆，这有助于我们理解什么才是好的妆面，什么样的模特展示才是好的模特展示。以此类推，与模特的沟通，与摄影师的沟通，都是很有益的事情。同时，可以买一两本关于化妆的书籍，看看这里面的奥秘和原理。
10.美术理论和素描基础。五大面、三大调，一定要搞清楚，从修图到大型的合成，都需要具备这个基础。要有用手打草稿的能力，手与头脑要有对线条和光影的控制能力。对素描的练习可以帮助我们透过色彩去看待屏幕上的图片，做出来的图从结构和光影方面更加自然、和谐。
二、职业素养篇
1.敏锐的审美性格。我从小就热爱“审美”。走到一个河坝旁边，别的小朋友会去换着法子玩耍，我会去从不同的距离和角度观察它，把自己的眼睛想象成照相机，假设我要拍出这张照片，照片中河坝应该是什么色彩，色彩与太阳的关系，等等。后来做了美工，走在街上，最关注的是各个店铺的招牌，它们的颜色，构图，字体设计，以及为什么一个招牌看上去比另外一个上档次。对设计的热爱，对审美的喜好，可能是催促我职业进步的最大动力。当然我的审美还停留在比较初步的阶段，想要进一步培养，就要多读书，多看高端的东西，多接触资深的设计师，国内外的都要看。
2.设计创意能力与团队沟通。美工不应满足于简单的模仿和大同小异的僵化创意，即使你的雇主要求你模仿同行的做的好的店铺就行了，你也不能窃喜，应该感到害怕，因为长期的模仿而缺乏自主创意会阻碍你的进步。如果你已经积累了工作经验、具备了基本功、模仿了一定数量的页面，那么就要去自主创意了。人总是要进步的，设计师也一样。在不耽误工作的前提下，去试试实现脑海中的奇思妙想。
3.与设计相关的职业习惯和生活习惯。我不喜欢将上班的时候拿到下班去做，更不喜欢上班的时候去做私事。我是将工作与生活在时间上隔开的，两不干扰。但我不能将两者在内容上隔绝。上班的时候我们做设计，下班的时候可以学设计。多看看别人的作品，遇到好的想法可以上手试试。平时购置生活用品，我也喜欢从设计的角度出发，买设计感比较强的东西。哪怕是逛超市，我也很喜欢看广告图，看化妆品瓶子的结构，看宣传单的设计水平，等等。形成良好的生活习惯，个人生活不能是“三俗”的。
4.营销思维。美工要懂营销，因为我们做的所有工作最终目的都是把东西卖出去。做设计的过程中处处带着营销思维，不能拘泥于个人的美好设想。但营销思维不能过于功利化，带着感情的营销总比带着利益的营销要温暖人心。温暖的是买家的心，最终目的还是要把东西卖出去。
5.了解国内外的艺术思潮。因为自己只是个小小的美工而不去关注整个设计行业的思潮，这是悲哀的。一个美工也可以在平凡的工作岗位上把事情做的很伟大，或者说一个美工说不定以后就去做了什么别的设计行业。艺术的关心，培养自己的艺术细胞。别人可以把我们的工作--美工看作是一个简单的卖劳动拿工资的活儿，但我们自己不能。
6.浏览英文设计网站的能力和习惯。设计师进步到一定程度到时候，国内设计网站上的东西就不能满足自己的胃口和档次了，这是我最近的感觉。要学着接受更高级别的东西，不是说国外的就一定高级，而是要目光开阔，多看多想多做。还是那句话，进步是无止境的。这里就涉及到一个问题，看不看得懂国外网站。大致意思可以看得懂，看不懂的借助翻译软件呗。
7.个人素材库与作品库。借助网站平台，建立自己的素材库，免去每次都搜索素材的烦恼。建立自己的作品库，用于展示，也用于观察自己的进步道路。
8.对电商行业全过程的了解。以服装为例，要了解面料的成分、织造过程、机器设备、染色工艺、裁剪熨烫；能用手摸、用眼看来大致判断面料好坏；了解服装设计师工作流程、服装设计思路、国际设计风潮；了解包装、运输环节；了解买家判断一件衣服的各种因素，了解售后环节，等等。对整个社会的经济发展趋势要有判断，对中国电商行业的发展势头要有判断。
9.对设计人才的管理能力。我的目标是在30岁之前做到设计主管的级别。除了不断深化技能，还要培养自己的管理能力和管理思维。一个电商设计师，如果在电商行业不断进步，到后来总要去做管理者，将自己贡献于更加广阔的电商发展中去。
10.多学点东西没坏处。虽说学东西不能贪多求全，但多学点东西总是没坏处的。想让给做的画面动起来，或许可以学点影视后期什么的；想让平面的图像立体起来，可以接触一下3D建模，等等。不断学习，是促进职业进步的一把强大武器，也是充实生活的花样菜式。
2024年网站设计面试问题 篇5
前期一定要做好准备，面试前将公司的业务逻辑梳理一下，做一个思维导图。这样每次跟面试者聊的时候，可以展示出自己对公司的了解，必要时谈谈自己的想法也是可以的。
多看一些面试题也是必备的，下面是黑马程序员整理的关于前端的面试题，希望可以帮助到即将找工作的你。
1.对WEB标准以及W3C的理解与认识
标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外 链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维 护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性；
2.xhtml和html有什么区别
HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言最主要的不同：XHTML 元素必须被正确地嵌套。XHTML 元素必须被关闭。标签名必须用小写字母。XHTML 文档必须拥有根元素。
3.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?
用于声明文档使用那种规范（html/Xhtml）一般为 严格 过度 基于框架的html文档加入XMl声明可触发，解析方式更改为IE5.5 拥有IE5.5的bug
4.行内元素有哪些?块级元素有哪些?CSS的盒模型?
块级元素：div p h1 h2 h3 h4 form ul
行内元素: a b br i span input selec
tCss盒模型:内容，border ,margin，padding
5.CSS引入的方式有哪些?
link和@import的区别是?
内联 内嵌 外链 导入区别 ：同时加载前者无兼容性，后者CSS2.1以下浏览器不支持Link 支持使用javascript改变样式，后者不可
6.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?
标签选择符 类选择符 id选择符
继承不如指定 Id>class>标签选择
后者优先级高
7.前端页面有哪三层构成，分别是什么?作用是什么?
结构层 Html
表示层 CSS
行为层 js
8.css的基本语句构成是?
选择器{属性1:值1;属性2:值2;……}
9.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?
Ie(Ie内核) 火狐（Gecko） 谷歌（webkit） opear(Presto)
10.写出几种IE6 BUG的解决方法
双边距BUG float引起的 使用display
3像素问题 使用float引起的 使用dislpay:inline -3px
超链接hover 点击后失效 使用正确的书写顺序 link visited hover active
Ie z-index问题 给父级添加position:relative
Png 透明 使用js代码 改
Min-height 最小高度 ！Important 解决’
select 在ie6下遮盖 使用iframe嵌套
为什么没有办法定义1px左右的宽度容器（IE6默认的行高造成的，使用over:hidden,zoom:0.08 line-height:1px）
11.标签上title与alt属性的区别是什么?
Alt 当图片不显示是 用文字代表。
Title 为该属性提供信息
12.描述css reset的作用和用途。
Reset重置浏览器的css默认属性 浏览器的品种不同，样式不同，然后重置，让他们统一
13.解释css sprites，如何使用。
Css 精灵 把一堆小的图片整合到一张大的图片上，减轻服务器对图片的请求数量
14.浏览器标准模式和怪异模式之间的区别是什么?
盒子模型 渲染模式的不同使用 window.top.document.compatMode 可显示为什么模式
15.你如何对网站的文件和资源进行优化?
期待的解决方案包括：文件合并文件最小化/文件压缩使用CDN托管缓存的使用
16.什么是语义化的HTML?
直观的认识标签 对于搜索引擎的抓取有好处
17.清除浮动的几种方式，各自的优缺点
使用空标签清除浮动 clear:both（理论上能清楚任何标签，，，增加无意义的标签）
使用overflow:auto（空标签元素清除浮动而不得不增加无意代码的弊端,,使用zoom:1用于兼容IE）
是用afert伪元素清除浮动(用于非IE浏览器)
2024年网站设计面试问题 篇6
刚好前段时间公司有大的变动招聘了好几个设计师。以招聘的视角给设计工作者以下3点建议：
1、简历附带代表作品，不要附件打包形式。word或者pdf即可。
2、简历中除了作品，文字描述说明自己的设计方向。目前设计师海投及市场的原因，一般设计师的简历都比较多。招聘者初筛时很容易看到匹配的关键字你的机会就多一些。（例如，互联网方面，偏线上还是线下，还是都涉及）。
3、设计师建议以拉勾网为主渠道找工作。为什么？
因为前程无忧以简历量多为主，智联投递的匹配度略高于前程无忧。而拉勾网，偏向于互联网及市场类型，创新型工作的招聘。
个人拙见，欢迎评论区各抒己见！轻尘，深圳知名企业HR，专注解答职场问题，欢迎关注！