网站界面设计试题（网页制作与网站设计试题）

本文目录

• 网页制作与网站设计试题
• 界面设计
• 平面设计考试题
• 网站设计的简单题目，你能告诉我答案吗
• 急救！！跪求平面设计师试题的答案！
• 国家开放大学《Dreamweaver网页设计》形考任务三试题
• ui设计师面试测试题什么

网页制作与网站设计试题

1.ASP网页编程
《table width="80%" border="0" align="center" cellpadding="4" cellspacing="1" bgcolor="#3F69E9"》
《tr》
《%
dim i’定义变量i
for i=1 to 50 ’设置i初始值为1 结束值为50循环下面的td单元格
%》
《td align="center" bgcolor="#9ADAFC" onmouseout ="this.style.backgroundColor=’#9ADAFC’" onmouseover ="this.style.backgroundColor=’#EDF8FE’"》《font size="-6" color="#FF0000"》《%=i-1%》《/font》《/td》
《!--td里面的属性只是为了美观，所以也可以不写 font是设置字体的也可以不写--》
《%
if i mod 10=0 then’当i是10的倍数时就换行
response.Write"《/tr》《tr》"
end if
next
%》
《/tr》
《/table》
2、IP地址
《%
realip = Request.ServerVariables("HTTP_X_FORWARDED_FOR")
proxy = Request.ServerVariables("REMOTE_ADDR")
if realip = "" then
zhenshiip = proxy
else
zhenshiip = realip
end if
if left(zhenshiip,6)="211.69" then’假如收到的ip地址的前6位是“211.69”则显示下面的欢迎信息反之则提示非法
response.Write("《script》alert(’欢迎光临！’);window.location=’想要到达的页面’;《/script》")
else
response.Write("《script》alert(’非法用户！’);window.history(-1);《/script》")
end if
%》

界面设计

界面是人与信息沟通的渠道，界面设计的目的是使这个渠道简洁明了，使人能随意地进行操作，并在这个过程中得到有效的帮助。而网页界面设计的目的则是为了使网页中的内容得到更好的体现，更加突出界面设计的主题性。尽管网站的页面设计根据不同的系统功能要求，会体现出一定的个性化设计，但也要遵循一致性原则，即使网站整体保持色调、组件等元素的一致性（张帆等，2005；古大诒等，2000；刘永瞻，2002；吴瑜，2004）。由于系统涉及的页面众多，文中仅选取若干代表性的页面进行设计说明，主要包括总体界面设计、国家风险界面设计、运输风险界面设计与系统管理界面设计。

5.2.4.1 总体界面设计

该原型系统总体界面设计参考了Web界面设计的一系列基本原则，采用Sharepoint对整个系统界面进行合理的部署。主体界面主要包括：A区域为系统主题LOGO; B区域为功能导航栏；C区域为功能细分区；D区域为功能展示区；E区域为版权信息说明（图5.20）。

图5.20 系统总体界面

5.2.4.2 国家风险界面设计

国家风险展示界面的设计宗旨是：①全面准确、清晰地在GIS地图上显示世界各个区域或者国家的风险；②清晰、明确地显示与我国在油气和固体矿产资源进出口方面有密切往来国家的地理、历史、民族宗教等基本信息，特别是油气输出敏感地区、国家的政治、经济、地缘等风险信息，为用户是否选择其作为石油进口来源提供科学依据。

国家风险界面由两部分组成。第一部分通过GIS调用世界地图，在世界地图上根据每个国家或者区域的风险大小，用不同的颜色来为每个国家或者区域着色，主要是采用了红色和黄色两种色系来表示风险。

第二部分为每个国家的信息展示，主要包括与我国在油气和固体矿产资源进出口方面有密切往来的20几个国家。第一部分页面设计与主界面保持一致，第二部分重点介绍国家信息展示页面，如图5.21所示。风险信息的国家风险界面色系选择了与整个系统相一致的蓝色系，色彩清爽、干净，给人以清新愉快的感觉。界面布局以块状分布为主，在有限的区域内井井有条地展示大量、丰富的信息。整个界面链接的逻辑思路清晰，用户可从任何页面方便地返回首页，或者在各功能模块间切换。

图5.21 国家风险界面——国家信息页面

此页面设计，为用户提供了最重要的油气信息，将页面中心分为3个区域，区域C是地图展示区，在最醒目的区域E将以文字结合图标的形式展示该国家的地理位置、油气资源概况和数据来源说明；页面的左下部（区域D）被设计为列表菜单，用户可以根据自己不同需要选择、查看相关信息；页面最下方的区域F是版权信息展示位置。

国家风险界面在设计过程中严格贯彻了简洁、美观的设计思路和以用户为中心的设计理念，较好地实现了美观与实用的结合，达到设计初期制定的目标。

5.2.4.3 运输风险界面设计

我国在进口油气过程中有80%是靠水路运输完成的。在海外油气运输过程中，必然涉及航线风险事故率、港口吞吐能力、海盗袭击等因素的影响，因此在本系统中重点对运输风险这一模块进行了详细的设计与开发。该界面设计，首先是以功能性为第一指导原则，以技术因素为主要考虑对象，以完成或实现必要的功能为目标。在整体界面风格上同主界面以及国家风险等其他几个子模块风险采取同一色系和界面框架设置。这样，一方面可以使得大家能够快速通过该系统界面挖掘有用信息；另一方面可以使得整体界面搭配合理、美观。

运输风险界面设计的思路主要是：首先，通过MapInfo软件并运用GIS技术将运输风险各底层指标数据进行可视化处理和展现，包括港口风险、航线风险、承运风险、海盗袭击4个主要模块。通过可视化处理后，针对具体港口等详细信息进行单独页面展示；最后运用Flash技术对港口、航线、承运、海盗袭击进行动画展示。

进入运输风险界面后，点击其中某一子菜单风险查询，即可得到如图5.22所示的GIS风险专题图界面。以航线风险为例，在右侧主框架下，利用MapInfo和MapXtreme软件对所有航线进行绘制，通过GIS技术实现航线的风险展示，主要分为以下4个版块：在C区域内，采用树形菜单，使得客户可以直接选择所需版块；在D区域内，参考部分专业地理信息系统软件，建立拖动条调整专题图界面的大小，对整个界面显示实现了有效补充；在E区域内，主要通过航线的颜色展示该航线的风险程度，航线的粗细表示该航线的承运能力，将后台数据可视化展示，客户可以根据图示直观地看出各个航线的相关风险信息，方便决策者依据信息作出决策；在F区域内，利用频谱技术将航线的风险值由高到低通过图例显示，以方便客户一目了然地看出每个航线的风险值高低；在右下方的G区域内，为了对GIS专题图进行详细了解，运用GIS软件设置了相关辅助按钮，包括放大、缩小、拖移等，以求实现更智能化操作。另外，在选择国家底层风险值以及航线的风险值时，考虑整体界面风格的搭配，选取合适的色系，使得界面显得柔和、美观。

图5.22 运输风险中的航线风险GIS图

5.2.4.4 系统管理界面设计

系统管理模块在进行页面设计时很好地体现了总体设计原则，系统管理在保持整体蓝色调、系统默认字体，以及分栏框架结构设计，系统管理内部的各个子页面之间也体现了系统风格以及交互行为的一致性。

国外油气与固体矿产资源开发管理系统的系统管理模块，主要面向后台的系统管理员用户，所以对于用户的系统知识有着一定要求，比如后期的网站操作维护、数据库更新等，都要求系统管理员能够进行良好的网站维护操作（吴坤，2005）。因此，界面在设计过程中更具有专业面向性。针对系统管理模块的典型页面（国家数据管理页面）进行具体介绍，如图5.23所示。

图5.23 国家数据－资源概况

国家数据页面中，系统管理的基础数据管理页面设计，主要采用了基于模板技术的动态网页设计，即利用模板页技术以及AJAX技术，使得子页面能够继承模板页的主体界面。采用这一关键技术的优点是：当要对网页的主体界面进行修改时，只要对模板页进行变动即可，大大地简化了网页的维护工作。

主体页面分3大功能区域：A区域是功能选择区，包括两处链接入口；B区域是事件触发区，控制C区域内容展示；C区域是对象信息展示区。其他区域如系统LOGO、导航栏、版权信息等，与主界面设计保持一致。这样的布局，以最适合操作、浏览的方式将文字放在页面的不同位置，也体现了页面触发的逻辑流程。

平面设计考试题

2009年春季学期平面设计期末考试题目 2009年06月08日 星期一 18:14 平面设计期末考试一、选择题，一题四分。1，两张图片，分别用于制作网页与打印输出，则分别用哪种模式比较好？Ａ，RGB模式、CYMK模式　　　Ｂ，CYMK模式、RGB模式Ｃ，RGB模式、RGB模式　　　　Ｄ，CYMK模式、CYMK模式２，下面哪一样工具用于绘画或路径？Ａ，钢笔工具　Ｂ，转换点工具　Ｃ，路径浮动面板　Ｄ，直接选择工具３，更换背景较单调的相片的背景，应用以下哪个选择工具？Ａ，自己套索工具　Ｂ，矩形选框工具　Ｃ，魔术棒　Ｄ，磁性套索工具４，以下哪种图像文件格式，哪一种常用于网络传输或网页显示？Ａ，PSD Ｂ，BMP Ｃ，TIFF Ｄ，JPG５，如果你处理的图像还没完善，往后仍要进行修改时，应保存为哪种格式？Ａ，GIF　 　Ｂ，BMP Ｃ，PSD Ｄ，JPG６，关于路径与选区，以下说法正确的是？Ａ，路径可转换为选区　　　Ｂ，选区可转换为路径Ｃ，两可互相转换　　　　　Ｄ，两都不可以互相转换７，下列哪一种工具属于选择工具？Ａ，移动工具　　Ｂ，裁切工具　　Ｃ，套索工具　　Ｄ，切片工具８，画彩虹时，下列哪样工具是必需的？Ａ，矩形选框工具　　Ｂ，画笔工具　　Ｃ，转换点工具　　Ｄ，渐变工具９，下面哪个工具可以给选定区域填充颜色？Ａ，染料桶工具　　Ｂ，魔术棒工具　　Ｃ，橡皮图章工具　　Ｄ，渐变工具10，使用橡皮刷工具时，设置以下哪个参数可以让擦除的边界模糊，使过渡更自然？Ａ，硬度　　Ｂ，容差　　Ｃ，直径　　Ｄ，方向11，PhotoShop CS2界面主要由以下几个部分组成，其中用于设置或修改工具参数的是？Ａ，工具栏　　Ｂ，属性栏　　Ｃ，菜章栏　　Ｄ，浮动面板12，下面哪类命令可以提高图像的清晰度？Ａ，浮雕效果　　Ｂ，高斯模糊　　Ｃ，自由变换　　Ｄ，锐化13，画彩虹时，进行渐变填充时，应该用哪一种渐变方式？Ａ，角度渐变　　　Ｂ，线性渐变　　　Ｃ，径向渐变　　　Ｄ，对称渐变14，下面哪种选择工具可画圆形？（ ）
A、矩形工具 B、椭圆工具 C、魔术棒工具 D、套索工具15，选择不规则的图形可用（ ）工具A、魔术棒 B、椭圆选框 C、矩形选框 D、自由套索16．单击（ ）键，可显示或隐藏工具箱、选项栏、状态栏及调板。A、TAB B、CTRL C、ALT D、SHIFT
17、绘制单一选区时，按住（ ）键可绘制正方形或圆。A、ALT B、CTRL C、SHIFT D、TAB18、“取消选择”的快捷键是（ ）A、CTRL+D B、CTRL+T C、ALT+D D、ALT+T19、显示或隐藏某一图层的图像，则单击图层窗口中的（ ）A、眼睛图标 B、毛笔图标 C、锁链的标志 D、锁定图标20、以下哪种图层效果能让相应的区域产生一定的立体效果？（ ）A、斜面与浮雕 B、内发光 C、投影效果 D、图案叠加二、简答题，一题七分。１、简述图层的何特点，并说说关于图层的操作的哪些？２、简述钢笔工具、添加锚点工具、删除锚点工具的作用分别是什么？３、图层样式中，投影效果与外发光效果的作用分别是什么？４、已知色阶调整、ＵＳＭ锐化、亮度/对比度三样操作都可以使图片在一定程度上变成更加清晰，适当综合运用三种操作效果更佳。请问，分别点击哪里，才能出现这三种命令的对话框？５、ＵＳＭ锐化的作用是什么？涉及到哪些参数，这里参数分别表示什么意思？６、有一幅图，内容是一个大大的“上”字，笔画的边沿，有很多个五角星分部，试写出设计这个图的步骤。(提示：用到路径的描边)

网站设计的简单题目，你能告诉我答案吗

《FORM》
请输入您的姓名：
《INPUT name="name" value="your name pls" size="30"》《p》
请输入您的密码：
《INPUT type="password" name="pwd" value="pwd" size="30"》《P》
请选择性别：
《INPUT selected="selected" name="gender"》男《INPUT selected="selected" name="gender"》女《P》
请选择兴趣：
《SELECT multiple size=2》
《OPTION value=“yundong” 》运动
《OPTION value=“meishu” 》美术
《OPTION value=“yinyue” 》音乐
《/FORM》

急救！！跪求平面设计师试题的答案！

3．“饱和度”是某个颜色中所含灰色的数量，饱和度越大，说明这种颜色中灰色成分(越少 )，浓度越高。
4．从主要功能来区分Photoshop属于(位图)处理类型的软件。
5．图层控制面板的快捷键是( F7 ).
6．Photoshop中包含了下列浮动面板：Navigator面板，info面板color面板，Swatches面板，Styles面板，( 路径 )，Channels面板， Actions面板，Character面板，Paragraph面板等。
7．套索工具组包括：套索工具（Lasso），多边套索工具（Polygon，Lasso）和( 磁性套索 )。
8．在FreeHand,Coreldraw等矢量绘图软件中,所绘制的曲线类型为( )
9．当我们需要给整个图像区域或图像选区内填充一种渐变混合色时使用( 油漆桶工具或渐变工具 ).
10．我们使用( 吸管工具 )可以获取图像中某一点的颜色信息.
11．需要将前景色或背景色设置成图像中的某一点的颜色时，使用( 色阶 ).
12．给图像中添加文字是通过( 文字工具 )实现的.
13钢笔工具主要用于生成，和设置( 路径 ).
14通过菜单Edit \Stroke描边功能实现对选区的( 柔化 ).
15图像在窗口中显示过大或过小时，使用( 放大镜 )工具进行显示调整
16在图层面板中要隐藏某些图层,只须点击这些图层前的( 眼睛 )图标将其隐藏.
17Photoshop可以将处理好的图像存储为(jpg),Gif，Psd, Pcx , PCI , PNG等格式.
18图像分辨率的高低标志着图像质量的优劣，分辨率越( 高 )，图像效果就越好.
19如果图像只用于屏幕显示，则应选择RGB色彩模式如果将用于四色印刷则选择( CMYK )模式.
20 Blur（模糊）滤镜的作用是( 羽化 )选区或图像.
21．Adobe Photoshop为用户提供了多种色彩和色调调整工具其中Image在菜单下的子菜单中的所有命令都是用来进行图像(色彩)调整的工具。
22 FreeHand的图表功能可以生成( ),Stcaked column(条形图),Line(折线图),Pie(饼形图) Area(面积图)Scatter(散点图)等类型的图表.
三、单项选择题
1。通道是存放( A )信息的
A路径 B颜色 C选区 C图案
2．下列哪个文件属于矢量图格式。D
A．PSD B。PNG C。AI D。BMP
3．Feather可以设置 D
A字体风格 B选区扩大 C描边宽度 D选区消化
4．Image菜单中adjust子菜单中的Brightness/Contrast命令调节图像的( A )
A亮度/对比度 B色相/饱和度 C字光/暗调 D饱和度/透明度
5 绘制圆形选区时，先选择椭圆选框工具，在按下（ C ）的同时，拖动鼠标，就可以实现圆形选区的创建。
A Alt键 B Ctrl键 C Shift键 D Ctrl+Alt
6 将选区转化为路径应是在路径工作面板上按下 (将路径转化为选区)
A 按钮 B 按钮 C按钮 D按钮
7下列哪个内部滤镜可以实现立体化效果（ C ）。
A 风 B 等高线 C 浮雕效果 D 撕边
8 绘制标准五角星使用（ D ）工具。
A 喷枪 B多边形索套 C 铅笔 D多边形
9 哪种方法不能打开一个图形文件（ D ）。
A Ctrl+o B双击工作区域 C 直接从外部拖动一幅图片到Photoshop界面上 D Ctrl+n
10 Photoshop是（ C ）公司的产品。
A Macromedia B Autodesk C Adobe D Alias
11 在使用魔术橡皮擦工具时，调节参数Tolerance的值可以设置（C ）
A 擦除的范围和精度 B 清除锯齿 C 柔化程度 D 连续程度
问题补充：12 设置一个适当的Feather（羽化）值，然后对选区内的图形进行多次Del操作可以实现（B）
A 选区边缘的锐化效果 B 选区边缘的模糊效果 C选区扩边 D 选区扩大
13 在使用缩放工具时，按住Alt键的同时点击鼠标左键，可以实现（A
A 图像像素匹配 B 图像大小适合屏幕 C 图像缩小 D 图像放大
14 要同时移动多个图层，则需先对它们进行（A）操作。
A 图层连接 B图层格式化 C 图层属性设置 D 图层锁定
15 下列哪个不属于在图层面板中可以调节的参数（ D ）
A 透明度 B锁定 C 显示隐藏当前图层 D 图层的大小
16 可以通过主菜单Edit下的（ A ）将选区内的图形定义为画笔。
A Define Custom Shape B Define Brush C Define Pattern D Stroke
17 我们通常使用（A ）工具来绘制路径。
A 钢笔 B 画笔 C喷枪 D 选框
18 要复制图层可以选中当前层将其拖到图层面板的（新建图层按钮 ）上。
A 按钮 B按钮 C 按钮 D按钮

国家开放大学《Dreamweaver网页设计》形考任务三试题

来啦来啦，希望没有太晚哈哈，随便在电大题酷这个小程序上搜了一些题，答案也是在这里找的，不知道适不适合你呢？这个小程序还挺好用的，我觉得电大学生都应该人手备一个，如果你还想要其他的，建议你去这个小程序上搜其他的哦，希望能够帮到你哦~~~~~~~~~~~~~~~~~~~~~

1. 下面关于素材准备的说法错误的是()

A. 是网站制作中的重要一环

B.在 Dreamweaver 中自带有准备素材的功能

C. Adobe 公司的 Fireworks 可以和 Dreamweaver 很好的结合使用

D. 网站徽标的设计对于制作网站来说比较重要

2. 下面哪个顶层域名( )可以用来标识商业性的机构或公司。

A. .gov   B. .com

C. .org    D. . net 

3. 下面选项中哪个不是浏览器软件? (

A. IE     B. Firefox     C. QQ     D. Google Chrome

4. 下列哪个是"图像占位符"的属性? (

A. 名称 (Name)

B. (z-index)

c.位置 CLocation)

D. 可见性 CVisibility)

题目太多了，不一一打出来啦，有需要就去这个小程序搜吧~~~~

ui设计师面试测试题什么

0.请你先简单的自我介绍？
1.请问你学历，是否有美术功底，是否有经验？
2.为什么离职，为什么离开上一家公司？
3.浅谈自己的作品偏什么风格？
4.说出一个最喜欢的app，评价优缺点？
5.有没有上线作品，如果没上线，为什么没上线？
6.说说你们产品从需求到上线的流程？
7.为什么选择我们公司，有哪些优势？
8.你觉得什么是UI设计？
9.平时获取资讯信息的渠道？
10.了解我们的产品后，使用体验是什么？觉得目标客户是谁？
11.浅谈职业规划？
12.UI设计师那么多，说一下让我们用你的理由？
13.你觉得这个APP做的怎么样？
14.你觉得这个官网做的怎么样，如果让你做，你会怎么做？
15.推动一个项目的视觉设计需要多久？
16.讲一讲您对移动端的了解？
17. 您认为您的性格特点是什么？在工作中有什么帮助？
18.作为一名设计，当开发和客户对您的设计理念不赞同，您会怎么处理？
19.聊一聊你最喜欢的设计师？
二.专业问题
1.UI和UE最大的区别在哪里
UI即User Interface ，用户界面，业界一般指的是界面视觉设计。
UE即User Experience，用户体验，UE范围最大，不仅仅包含视觉与交互.研究的对象是用户使用这个产品过程中所有的感受，比如听觉视觉触觉嗅觉味觉等等。
2. 谈谈你对用户体验的理解？
用户体验是产品设计的灵魂职位，通过分析用户心理模型与产品功能需求来设计任务流程，运用交互知识搭建产品的核心架构设计出产品原型以最终实现产品的可用、易用与好用。
3. Material Design怎么理解的？
把物理世界的体验带进屏幕。去掉现实中的杂质和随机性，保留其最原始纯净的形态、空间关系、变化与过渡，配合虚拟世界的灵活特性，还原最贴近真实的体验，达到简洁与直观的效果。
4. Material Design三大原则
1.运用比喻 鲜明、形象、
2.深思熟虑
3.动效表意
5. iOS三大设计原则
清晰---保证界面清晰
指大量留白/颜色简化/系统字体/无边框设计
遵从---设计跟随内容
充分利用全屏/半透明元素暗示背后内容/减少拟物化设计
深度---设计跟随内容
3D Touch/半透明浮层/条目层级/转场层级
6.谈谈艺术和设计个区别？
个人认为设计师艺术的一部分，艺术来源于生活同时又高于生活，艺术是欣赏层次的商业性质没有那么强。但是设计是带有商业目的
7.手持设备中，一般有7种触屏手势，是那7种？
轻点，长按，拖曳，快速拖曳，双击，多点触控，双指长按。
8、软件图标一共有多少种是比较常见的？
64*64，32*32，24*24，16*16
9、图形设计中，什么是比较关键的设计要素？
色调、风格、界面、窗口、图标、皮肤
10、Android的图标设计中，要求图标应该是什么样子的？
表达含义准确，符合时下流行元素，二维前视图，顶光源，几何外形。
11、在Android设计中72，48，36的图标安全范围应该是多少？
60，40，30 （如果72的图标单位px、那么回答的安全范围就是60px~72px之间）。
12、手机的控制按钮，原则上是在什么样的范围内设计？
在手指的大拇指可控制的范围内设计。
13、虚拟键盘的设计，应该是怎么样去设计？
保留良好的按键间隔，保证手指触点不要出现误操作。
14、手机的退出方式，一般情况下会提供2种，是那2种方式？
一种是完全退出，返回初始界面；一种是一层一层的退出。
15、手机的界面应该是怎么样去设计的？
清晰明了，并且允许用户自己定制界面。
16、图标的设计遵循什么样的原则做的设计？
尽量使用真实世界的比喻，和现实生活相符合的图形和内容。
17、手持设备上，色系应该尽量保持多少个色系?
最好保持在5个色系范围内，相似的颜色不做为计算。
18、手机界面上，尽量少用那2种颜色色彩？
红色和绿色
19、Android的初始界面特征是什么？
一个大图标展示时间。下面有4个小图标。
20、手机的提醒模式一般有几种？最新的模式是什么样的设计？
声音提示，振动提示，声音加振动提示，静音模式。最新的模式是飞行模式。
21、回答界面设计里面的规范字体的所有内容。
宋体，12px，效果无的矢量字体。字间距是0.行间距是自动。
22、网页色彩设计的原则?
1.网页色彩要有鲜明性。
2.网页色彩要有独特性。
3.网页色彩要有针对性
4.网页色彩要有相关性。
23、简述网站的优势？
个人有了网站，可以收集整理资料，展示个性才能，促进人际和社会的了解和沟通，便于娱乐爱好或者事业的铺展。
企业有了网站，可以展示产品服务，宣传企业形象，促进业务发展，加强客户和消费者沟通，实现网上或网下的赢利收益。
政府有了网站，可以实时政策宣传，政府相关信息，收集整理民意，树立政府权威形象。
24、网站设计中应注意的原则？
一、 明确建立网站的目标和用户需求
二、 总体设计方案主题鲜明
三、网站的版式设计
四、色彩在网页设计中的作用
五、网页形式与内容相统一
25、字体设计追寻的原则？
一、文字的适合性
二、文字的可识性
三、文字的视觉美感
四、在设计上要富于创造性
26、色彩总的应用原则应该是 ？
总体协调，局部对比