美工面试题目篇1

1、目前常用的WEB标准静态页面语言是。(4分)

2、改变元素的外边距用，改变元素的内填充用。(6分)

3、在Table中，TR是，TD是。(6分)

4、如果给一行两列的表格(table)定义高度样式，在标签中定义最合理，最能减少代码的臃肿。(5分)

5、对ul li的样式设成无，应该是用什么属性。(6分)

6、在新窗口打开链接的方法是。(4分)

7、Color:#666666;可缩写为。(2分)

8、合理的页面布局中常听过结构与表现分离，那么结构是，表现是。(9分)

　美工面试题目篇2

1.用js代码写出一个页面加载后能不断变换背景的效果

2.利用DOM知识是列出一个ul中li的总数，li中的内容

3.写出你会用的兼容个中不同浏览器的hack css代码，如IE7 FF

4.说出你所知道的web标准方面的知识

5.高级图像处理(可网上查询教程)：模仿例图

6.Form表单的哪个属性是表单数据的传送方式?

7./images/123.jpg 与 images/123.jpg,那种写法是相对根目录的?

　美工面试题目篇3

1、HTML的含义是什么?其主体部分由什么标记构成?

HTML即Hyper Text Markup Language超文本标记语言，是构成网页最基本的元素。标记和之间的内容构成了HTML的主体部分，网页中的所有内容，包括文字、图形、链接以及其他页面元素都包含在该标记符内。

2、标记br和p有什么区别?

　　标记br和p都可以用来换行，但是二者是有区别的。

　　标记使当前行强行中断而另起一行，但是新行与原来的行保持相同的属性，即新行与原来的行属于同一段落，而标记在换行的时候另起了一新的段落;标记无对应的结束标记，而标记必须和配合使用，不能省略。

3、 URL指的是什么?有何作用?分为几种?有什么区别?

URL是统一资源定位符，用于定位Web上的文件信息。

URL有绝对和相对之分。绝对URL就是指完整的资源地址，具体形式为：协议名称://计算机域名/路径和文件名。一般情况下，在指定外部Internet资源时应使用绝对URL。相对URL指资源相对于当前页面的路径。使用相对URL时，一般使用点“.”和双点“..”表示当前目录和上一级目录(父目录)。在制作网站的时候，只要站点各资源的相对位置不变，就使用相对URL。

4、说明在网页设计中层的作用

　　层，也就是DIV标记，是一个区块级的HTML标记，在该标记之间可以添加段落、表格、图片等内容，使同一个DIV标记中的元素具有相同的样式，并可在页面显示时同时出现、移动以及隐藏。

　　它的主要作用有以下两点：(1) 将一些标记元素组织起来，应用DIV的属性为这些标记元素定义统一的样式;(2) 利用其z-index属性，实现页面内各元素的重叠显示效果;(3) 使页面上显示更多的特效功能。

5、CSS指的是什么?在网页制作中为什么要使用CSS技术?

CSS(Cascading Style Sheets)也叫层叠样式表，它是用来控制网页中一个或多个元素的外观。在网页制作中，使用样式表可以减少很多具有相同外观元素的重复设置工作，从而给网页的设计和维护带来了很大的方便;具体应用是：改变样式表中元素显示样式的定义，则在使用该样式表的所有网页中相应元素的显示样式都会自动发生改变。

qq浏览器如何导入其他浏览器书签

　　点击地址栏左边的添加按钮(如下图的星星按钮)，点击第一项，即可以将当前网页名称保存到书签夹中。如果当前已用QQ帐号登录，则会保存到网络书签夹。

　　如果要更改添加的位置，可以点击右边的“修改…”。浏览器会自动记住上次添加的位置，并显示在“位置：”的地方。安装后默认的位置是书签夹根目录。

QQ浏览器能够帮助用户找到电脑上安装的其他浏览器书签夹，但由于搜狗浏览器和遨游浏览器对书签夹进行加密，所以出于安全因素，需要用户自己手动操作，方法如下：

　　打开搜狗浏览器，进入“菜单书签-导出书签-导出书签到Html文件”(如下图所示)，选择一个地方存放导出的书签。

　　然后打开QQ浏览器，进入“菜单-书签-导入书签夹-从本地HTML文件导入” (如下图所示)，选择之前存放书签的地方，点击导入即可。

　　打开遨游浏览器，进入“书签管理器-(右上角)导入/导出-导出书签”(如下图所示)，选择一个地方存放导出的书签。

　　然后打开QQ浏览器，进入“菜单-书签-导入书签夹-从本地HTML文件导入” (如下图所示)，选择之前存放书签的地方，点击导入即可。

　　打开世界之窗浏览器，进入"文件菜单-导入导出-导出书签夹"(如下图所示)，选择一个地方存放导出的书签。

　　然后打开QQ浏览器，进入"菜单-书签-导入书签夹-从文件导入" (如下图所示)，选择之前存放书签的地方，点击导入即可。

　　打开opera浏览器，进入"管理菜单-书签-管理书签"，打开管理页面后，点击文件按钮下拉出功能菜单，选择"导出为HTML"(如下图所示)，选择一个地方存放导出的收藏。

　　然后打开QQ浏览器，进入"菜单-收藏-导入收藏夹-从文件导入" (如下图所示)，选择之前存放收藏的地方，点击导入即可。

　　打开枫树浏览器，进入"收藏管理器-整理-将收藏导出到HTML文件"(如下图所示)，选择一个地方存放导出的收藏。

　　然后打开QQ浏览器，进入"菜单-收藏-导入收藏夹-从文件导入" (如下图所示)，选择之前存放收藏的地方，点击导入即可。

编写网页最好用的软件HBuilder

　什么是HBuilder?

HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写，它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。

如何安装 HBuilder?

HBuilder下载地址：在HBuilder官网http://www.dcloud.io/点击免费下载，下载最新版的HBuilder。

HBuilder目前有两个版本，一个是windows版，一个是mac版。下载的时候根据自己的电脑选择适合自己的版本。

　　使用HBuilder新建项目

　　依次点击文件→新建→选择Web项目(按下Ctrl+N,W可以触发快速新建(MacOS请使用Command+N,然后左键点击Web项目))

　　使用HBuilder创建HTML页面

　　在项目资源管理器中选择刚才新建的项目,依次点击文件→新建→选择HTML文件(按下Ctrl+N,W可以触发快速新建(MacOS请使用Command+N,然后左键点击HTML文件)),并选择空白文件模板

HBuilder特有的边改边看功能，可以大大简化开发过程

　强大的JS解析引擎大大加快JS开发的速度

win系统按下Ctrl+P(MacOS为Command+P)进入边改边看模式,在此模式下,如果当前打开的是HTML文件，每次保存均会自动刷新以显示当前页面效果(若为JS、CSS文件，如与当前浏览器视图打开的页面有引用关系，也会刷新)

HBuilder代码块大量减少重复代码工作量

　灵活的快捷键使得编程过程手不离键盘

2017平面设计流行趋势

2017平面设计流行趋势

1、由简约到渐变叠加

2016年简约界面大行其道。极简主义设计旨在更加注重用户内容而不是用户界面，通过清晰的视觉交流来解决用户的问题。

　　但随着大屏幕、分辨率高的手机越来越多的普及，大众文化中对鲜艳色彩的喜好会突破设计师的个性制约，丰富柔和的颜色更能挑逗用户的视觉神经，使界面更加绚丽，更贴近用户。彩色半透明元素的叠加使用以及渐变将成为主流的设计表现方式。

2、微交互增多

　　微交互指的是用户操作触发数码设备而产生的单个交互。顾名思义，绝大多数这类交互都是微小而不引人注意的，但是它会为你提供平滑、自然的感觉。微交互的核心要义是以更“人性化”的方式，呈现出用户预期中的操作。优秀的微交互能让用户产生参与感，并渴望进行下一步的操作。

3、短视频称王

　　有人说一张图片能描绘上千字，而一段视频却能达到十倍的效果。这是因为传统的图片是静态的，而视频却是动态的。视频擅于抓住用户的注意力，而且是一种有效的视觉叙事手法。随着4G流量、WIFI的获取成本降低以及各种拍摄设备在大众市场的普及，在传播形式上，视频相比于图文在未来的地位可能更高，甚至成为更加主流的一种形式。今后在朋友圈的营销，打造视频内容就更重要了。在一些需要展现大量细节或者希望内容更生动的地方可以运用短视频或者将视频转为GIF来传达，更精准地戳中用户痛点。

4、字体设计更加重要

　　字体设计不仅仅用于LOGO和广告语、宣传主题，在网页和移动端，醒目的标题不仅仅需要文案的努力，也需要设计师进行精心的设计。一个好的字体设计，能够在一瞬间抓住受众的眼球，相比之下，采用系统自带字体的标题文字将显得毫无个性。

5、 Html5新技术驱动设计

Html5具有强大的跨平台属性，无论是笔记本，台式机，还是手机都可以很方便的浏览，越来越有一统天下之势。不少app已经使用H5页面来代替原生页面(Hybrid APP)。2016年就出现了不少颇具新意、声势浩大的H5广告刷爆朋友圈，比如淘宝造物节的《ZAO》、腾讯Next×Idea的《穿越故宫来看你》等等，相信在2017年会被更多创意营销事件结合应用。目前H5应用的技术就已经有交互视频、交互动画、连续动画、跨屏互动、重力感应游戏、画图互动、720°全景、VR等等，随着这些技术的普及，H5的设计对设计师能力也会越来越高，同时把握音乐、特效、交互等综合能力的才会脱颖而出。

6、VR(虚拟现实)、AR(增强现实)的进一步发展

　　很多人容易将VR与AR的概念弄混，VR是让人完全进入虚拟世界，而AR则是在现实世界上进行增强、添加。虽然目前VR、AR还存在许多技术难题，但这代表了一大块广阔的市场，是未来设计的主攻方向。

　　相比之下，AR的应用会更先一步，比如3d试衣间、智能出行地图等等。国内应用也很迅速，如京东将在2017年正式上线AR购物应用JD Dream(京东梦)。

7、设计师需要掌握更多的软件和技能

　　只会PS的设计以后估计只能给人P图了，随着智能移动终端的发展，自媒体的盛行，越来越多的客户需要一专多能的设计师。就连老牌的设计软件公司Adobe也不得不顺应趋势，推出了Adobe Experience Design。

2017年视觉设计的六大趋势

1. 多色轮润感渐变(COLOR NEPHRITE GRADIENT)

(1)概念简述

　　渐变的运用，在视觉设计中增加了更多细节化元素，并使画面充满变化。从2016年开始，渐变逐渐突破同色系，向多色系发展，打破保守的两色渐变规则。同时，跨越色轮的多种同级饱和度颜色结合有机圆润的形状，呈现出润泽透光的质感，体现出温婉的气质，柔和丰富而不艳俗。

(2)运用案例

　　越来越多的界面中开始引入多色轮的渐变，丰富柔和的颜色叫醒用户的视觉神经，通透温润的质感体现更友好的亲和力，使界面更加有温度，更贴近用户。

2. 半透明叠加(OVERLAPPING TRANSLUCENCE)