2024年杨华网页设计师 篇1
首先，感谢悟空的问题邀请。
网页设计，或许是一个看似简单，操作起来有一定技术含量的技术活。
你必须对你所学的网页设计进行定位。
普通的网页设计人员
只需要懂得平面设计原理或者有一定的审美观，从事起来很快上手，简单来说只要你熟悉运用几个软件就OK
1.Dreamweaver——静态网站的制作工具）
2.Webstorm——网页的前端开发，所以它更适合动态网页的开发。
3.Frontpage——则适合新手入门，对网页不太了解的可以从它入手。
4.HBuilder是非常好用的html5 ide，编写JavaScript非常轻松便捷，
5.WampServer用于一键启动各种PHP后端服务器，Mysql数据库等服务。
而且女生在审美，捕捉时尚感，还有网也上一些细节的为何，对是比男生强。
所以，您最后要做的是，定位自己，自己学了这技能，你要往哪去。
2024年杨华网页设计师 篇2
各行各业的公司，都需要网页设计师，这其中更集中分布在以网站本身盈利的互联网公司。因此网页设计师的就业范围是非常广泛。
市场对网页设计师的需求一直是有增无减，各大网站、广告公司、设计公司都在大量招聘网页设计人员。网站首先作为一个网络名片，像个人主页、公司企业网、机构团体公益网站等等，都能够通过这样一个平台去对外展示自己的形象，全面有效的传达自己的意图与信息，所以网站首先是个对外宣传的窗口。
越来越多的企业需要网站这样的一个平台，所以网站设计的专业人才也成为了各大企业争抢的香饽饽。据不完全统计，截至到2012年，中国的网站数量已经超过600万个，中国还有许多企业没有企业网站，虽然不是每个企业都会建设网站，那么有一部分的企业创建网站，也是一个非常大的需求，此外已经有网站的企业还需要对网站进行改版、完善。
而中国的专业网站设计师不是很多，网页设计就业前景的就业前景非常好。特别是参加网页设计培训后成为专业技能很强的网站设计人才，将成为市场上的香馍馍。所以说，网站设计的市场规模是非常巨大的，网站设计师就成为非常具有发展潜力的新生劳动力量，社会需求量巨大的职业岗位。
2024年杨华网页设计师 篇3
谢谢邀请！
作为一名IT行业的从业者，同时也是一名计算机专业的教育工作者，我来回答一下这个问题。
对于已经有三年网页设计经验的职场人来说，可以考虑以下几个发展方向：
第一：产品经理。产品经理岗位目前是IT行业内需求量比较大的工作岗位之一，产品经理需要具备三方面知识结构，其一是具备一定的行业认知能力；其二是具备一定的设计能力；其三是能够紧跟技术发展趋势和行业发展趋势，而对于网页设计人员来说，这三方面知识都有一定的基础，所以转向产品经理是不错的选择。
第二：大数据领域。当前正处在大数据时代，随着大数据技术体系的逐渐成熟，大数据的落地应用将释放出大量的就业岗位，涉及到大数据开发、大数据分析、大数据运维、大数据应用等，基于大数据的岗位发展空间还是比较广阔的，所以转向大数据领域将迎来更多的发展机会。
第三：行业咨询岗位。IT行业内的咨询岗位一直有较大的人才缺口，对于具备一定技术基础的网页设计人员来说，转向咨询岗位也是不错的选择。咨询岗位的从业人员往往需要具备丰富的行业经验和多种解决方案，同时能够根据技术发展趋势不断对方案进行完善和升级。行业经验需要一个积累的过程，解决方案则需要在工作岗位上不断积累和总结。
第四：教育。对于不少IT行业的从业者来说，转向教育领域也是一个不错的选择，随着产业结构升级的持续推进，传统行业会释放出大量的人才升级需求，而这对于教育领域来说会迎来更多的发展机会，教育行业也将释放出大量的岗位。
我从事互联网行业多年，目前也在带计算机专业的研究生，主要的研究方向集中在大数据和人工智能领域，我会陆续写一些关于互联网技术方面的文章，感兴趣的朋友可以关注我，相信一定会有所收获。
如果有互联网、大数据、人工智能等方面的问题，或者是考研方面的问题，都可以在评论区留言！
2024年杨华网页设计师 篇4
谢谢邀请
网页设计师在使用photoshop时最常用的就是对于图片的优化，切片的应用等等。
web优化图像
在网络中当我们创建的图像非常大时，传输的速度会非常慢，这就要求我们在进行网页创建和利用网络传送图像时，要在保证一定质量、显示效果的同时尽可能降低图像文件的大小。当前常见的Web图像格式有3种：JPG格式、GIF格式、PNG格式。JPG与GIF格式大家已司空见惯，而PNG格式（portable network graphics的缩写）则是一种新兴的Web图像格式，以PNG格式保存的图像一般都很大，甚至比BMP格式还大一些，这对于Web图像来说无疑是致命的杀手，因此很少被使用。对于连续色调的图像最好使用JPG格式进行压缩；而对于不连续色调的图像最好使用GIF格式进行压缩，以使图像质量和图像大小有一个最佳的平衡点。
1 设置优化格式
处理用于网络上传输的图像格式时，既要多保留原有图像的色彩质量又要使其尽量少占用空间，这时就要对图像进行不同格式的优化设置，打开图像后，在菜单中执行“文件/储存为Web所用格式”命令，即可打开如图所示的“储存为Web所用格式”对话框。要为打开的图像进行整体优化设置，只要在“优化设置区域”中的“设置优化格式”下拉列表中选择相应的格式后，再对其进行颜色和损耗等设置，如图所示的图像为分别优化为GIF、JPG和PNG格式时的设置选项。温馨提示：选择不同的格式后，可以在原稿与优化的图像大小中进行比较。
2 应用颜色表
如果将图像优化为GIF格式、PNG-8格式和WBMP格式时，可以通过“储存为Web所用格式”对话框中的“颜色表”部分对颜色进行进一步设置，如图所示。
其中的各项含义如下:
颜色总数：显示“颜色表”调板中颜色的总和。
将选中的颜色映射为透明：在“颜色表”调板中选择相应的颜色后，单击该按钮，可以将当前优化图像中的选取颜色转换成透明。
Web转换：可以将在“颜色表”调板中选取的颜色转换成Web安全色。 颜色锁定：可以将在“颜色表”调板中选取的颜色锁定，被锁定的颜色样本在右下角会出现一个被锁定的方块图标，如图所示。温馨提示：将锁定的颜色样本选取再单击“锁定颜色”按钮会将锁定的颜色样本解锁。
新建颜色：单击该按钮可以将（吸管工具）吸取的颜色添加到“颜色表”面板中，新建的颜色样本会自动处于锁定状态。
删除：在“颜色表”面板中选择颜色样本后，单击此按钮可以将选取的颜色样本删除，或者直接拖曳到删除按钮上将其删除。
3 图像大小
颜色设置完毕后还可以通过“储存为Web所用格式”对话框中的“图像大小”部分对优化的图像进行进一步设置输出大小，如图所示。
其中的各项含义如下：
新建长宽：用来设置修改图像的宽度和长度。
百分比：设置缩放比例。
品质：可以在下拉列表中选择一种插值方法，以便对图像重新取样。
设置网络图像
对处理的图像进行优化处理后，可以将其应用到网络上，如果在图片中添加的了切片可以对图像的切片区域进行进一步的优化设置，并在网络中进行连接和显示切片设置。
1 创建切片
创建切片可以将整体图片分成若干个小图片，每个小图片都可以被重新优化，创建切片的方法非常简单，只要使用（切片工具）在打开的图像中按照颜色分布使用鼠标在其上面拖动即可创建切片，具体的创建过程与（矩形选框工具）相同，如图所示。选择（切片工具）后，属性栏会变成该工具对应的选项设置，如图所示。
其中的各项含义如下：
样式：用来设置创建切片的方法包括：正常、固定大小和固定长宽比。
宽度/高度：用来固定切片的大小或比例。
基于参考线的切片：按照创建参考线的边缘建立切片。
2 编辑切片
使用（切片选择工具）可以对已经创建的切片进行链接与调整编辑。选择（切片选择工具）后，属性栏中会显示针对该工具的一些属性设置，如图所示。
其中的各项含义如下：
切片顺序：用来设置当前切片的叠放顺序，从左到右依次表示的意思是置为顶层、上移一层、下移一层和置为底层。
提升：用来将未形成的虚线切片转换成正式切片，该选项只有在未形成的切片上单击，在出现虚线的切片时，才可以被激活。单击按钮后，虚线切片会变成当前的用户切片。
划分：对切片进行进一步的划分，如图所示。水平划分为：水平均匀分割当前切片。
垂直划分为：垂直均匀分割当前切片。
隐藏自动切片：单击该按钮，可以将为形成切片的虚线隐藏和显示。
切片选项：选择切片3，单击该按钮可以打开对当前切片的“切片选项”对话框，在其中可以设置相应的参数，如图所示。
其中的各项含义如下：切片类型：输出切片的设置，包括图像、无图像和表。
名称：显示当前选择的切片名称，也可以自行定义。
URL：在网页中的单击当前切片可以链接的网址。
目标：设置打开网页的方式，主要包含以下5种 _blank、_self、_parent、_top和自定义，依次表示为：新窗口、当前窗口、父窗口、顶层窗口和框架。当所指名称的框架不存在时，自定义作用等同于_blank。
信息文本：在网页中当鼠标移动到当前切片上时，网络浏览器中状态栏显示的内容。
AIT标记：在网页中当鼠标移动到当前切片上时，弹出的提示信息。当网络上不显示图片时，图片位置将显示“Alt标记”框中的内容。
尺寸：X和Y代表当前切片的坐标，W和H代表当前切片的宽度和高度。
切片背景类型：设置切片背景在网页中的显示类型。在下拉菜单中包括无、杂色、白色、黑色和其他。当选择“其他”选项时，会弹出“拾色器”对话框，在对话框中设置切片背景的颜色。
以上就是网页设计师在photoshop中最常用的一些知识点。
希望能够帮到您
2024年杨华网页设计师 篇5
网页设计师工作中，一般常用哪些工具？
代码编辑Cmd Markdown
免费在线Markdown编辑器，一直再用，很不错。
反编译dotPeek
dotPeek 是 .NET 平台的一款免费的反编译工具，支持反编译 .NET 1.0 ~ 4.0 到 C# 代码。
JustDecompile
Telerik 公司开发的 .NET 程序集反编译引擎，为反编译工具 JustDecompile 提供反编译功能。
调试Fiddler
一款免费且功能强大的数据包抓取软件。它通过代理的方式获取程序http通讯的数据，可以用其检测网页和服务器的交互情况，能够记录所有客户端和服务器间的http请求，支持监视、设置断点、甚至修改输入输出数据等功能。fiddler包含了一个强大的基于事件脚本的子系统，并且能够使用.net框架语言扩展。所以无论对开发人员或者测试人员来说，都是非常有用的工具。
版本管理SourceTree
SourceTree 是 Windows 和 OS X 下免费的 Git 和 Hg 客户端。支持创建、克隆、提交、push、pull 和合并等操作。
命令行工具ConEmu
ConEmu是一个带标签的Windows终端，提供多标签支持和丰富的自定义选项，是Windows下不可多得的Console.
其它TeamViewer
TeamViewer是一个能在任何防火墙和NAT代理的后台用于远程控制，桌面共享和文件传输的简单且快速的解决方案。为了连接到另一台计算机，只需要在两台计算机上同时运行 TeamViewer 即可，而不需要进行安装（也可以选择安装，安装后可以设置开机运行）。该软件第一次启动在两台计算机上自动生成伙伴 ID。只需要输入你的伙伴的ID到TeamViewer，然后就会立即建立起连接。 可能被墙，访问不稳定，推荐用向日葵代替
向日葵
向日葵远程控制软件是一款免费的集远程桌面,远程开机,远程监控,支持内网穿透的一体化远程控制软件! 与TeamViewer类似。网络流量监测IP雷达
IP雷达帮助你了解自己的电脑使用网络和读写硬盘的情况，显示哪些程序正在读写你的硬盘。实时显示本机上网流量，详细到每个远程IP的流量，及其域名、位置，显示各类网速已经流量排名。4.0版本增加显示网络游戏流量，硬盘繁忙程度，支持将记录的IP地址保存到文件。 很久未更新，可用Windows自带的资源监视器替代。
FileZilla
FileZilla 客户端是一个快速可靠的、跨平台的FTP,FTPS和SFTP客户端。具有图形用户界面(GUI)和很多有用的特性。
VS扩展Web Essentials
VS2015,VS2013,VS2012,VS2010 Adds many useful features to Visual Studio for web developers. If you ever write CSS, HTML, JavaScript, Markdown, TypeScript, CoffeeScript or LESS, then you will find many useful features that make your life as a developer easier.
Bundler Minifier
VS2015 A Visual Studio extension that let's you configure bundling and minification of JS, CSS and HTML files.
Web Compiler
The easiest and most powerful way to compile LESS, Scss,, Stylus, JSX and CoffeeScript files directly within Visual Studio or through MSBuild.
Image Optimizer
VS2015,VS2013,VS2012 Lossless optimization of JPEG, PNG and Gifs - including animated Gifs.
Web Analyzer
VS2015 Provides static analysis directly in Visual Studio for JavaScript, TypeScript, JSX, CSS and more.
Microsoft SQL Server Data Tools
VS2015,VS2013,VS2012 为数据库开发人员提供了一个集成的环境，让他们可以在 Visual Studio 内为任何 SQL Server 平台（无论是内部还是外部）执行所有数据库设计工作。数据库开发人员可以在 VS 中使用 SQL Server 对象资源管理器轻松创建或编辑数据库对象和数据，或执行查询。
分享结束！
2024年杨华网页设计师 篇6
UI技术面试题分享
UI类：
1、 你平时用的网站和app你最喜欢哪个，列举两个并对其进行分析？为什么喜欢？
答案：花瓣、站酷、追波、ui中国。花瓣、设计师、慕课网、优设网、qq音乐、高德地图。
2、 你认为做手机UI最难的地方在哪？
答案：尺寸众多。
3、 对无线互联网未来的发展有什么看法？
答案：全无线互联网的时代
4、公司想针对于"节假日回家"这一行为开发一款互联网产品，需要写一个项目策划，用户潜在需求，时间和工作人员分工，功能流程框架，网站首页草图和另外某一屏草图。
5、列出至少5个国内外对应网站
答案：GoogleVS百度 人人VSfacebook 花瓣VSpinterset GmailVSfoxmail hitfmVS虾米
6、列出至少5个生活中用户体验不方便的案例，如电梯的上与下
7、说说如何理解交互设计的
答案：交互设计，又称互动设计，（英文Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域。人造物，即人工制成物品，例如，软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。交互设计在于定义人造物的行为方式(the "interaction",即人工制品在特定场景下的反应方式）相关的界面。交互设计作为一门关注交互体验的新学科在二十世纪八十年代产生了，它由IDEO的一位创始人比尔·摩格理吉（Bill Moggridge）在1984年一次设计会议上提出，他一开始给它命名为“软面（Soft Face）”，由于这个名字容易让人想起和当时流行的玩具“椰菜娃娃（Cabbage Patch doll）”，他后来把它更名为“Interaction Design”，即交互设计。
8、给你个我们公司的网页，你能给我重新设计下吗？
9、可以给我们公司设计一款公司员工内部用的app吗？
10、你喜欢什么样的图标？为什么喜欢？
答案：扁平、写实
11、你认为ui设计师最注重的是什么啊？
答案：创新
12、对安卓手机的理解，安卓手机与iphone在界面设计上的区别，你认为在以往的工作中学到了什么？
答案：通过实例来阐述界面设计中产品交互的重要性
13、你说说你平时喜欢的素材网都有哪些啊？
答案：花瓣 站酷 千图 pinter
14、你觉得现在的交友网还有哪一点没有满足客户的需求啊？
答案：真实性
15、你认为你现在在那个方面还是有欠缺的？
答案：跟国外的设计师比创新还不够。
16、你知道自己的作品的缺点是什么吗？
答案：只能满足大部分的需要，还不能满足所有人。
17、你认为你的技术能胜任这份工作吗？
答案：能
18、你都使用过哪些APP？
答案：......
19、你有没有独立完成整套设计的能力？
答案：有
20、百度和google，你看哪个觉得更舒服一点？
答案：谷歌
21、这个颜色用的不错，你是怎么选出来的？
答案：自然中的颜色。公司主色。素材图片中的颜色。
22、你对O2O有了解吗？
答案：O2O即Online To Offline，是指将线下的商务机构与互联网结合，让互联网成为线下交易的前台，这个概念最早来源于美国。O2O的概念非常广泛，只要产业链中既可涉及到线上，又可涉及到线下，就可通称为O2O。
23、你觉得哪个APP做的更好？为什么？
答案：微信，首先界面方面微信没有大的瑕疵。其次从功能上微信足够强大。最重要的还是微信在用户体验方面做的努力。微信在小的细节方面做的很到位，让我印象最深的就是它会把你的短信验证码自动填到输入框里，这点用安卓手机的人都会觉得超级方便。
24、切片存的格式？
答案：PNG-24。
25、给我说下你做这套APP的思路吧。
答案：我这套APP是干什么的？针对哪些用户？用户用我的APP能得到些什么？我能得到些什么？
26、你的作品是改版的吧？你为什么这样改？
答案：说说你对你改版的那套APP的认识。优点（哪些是你保留的），缺点（你改了的），为什么这样改。
27、你对扁平化的看法？
答案：缓解人们的审美疲劳。良好的用户体验，视觉上让重点更突出，按钮可点击区域更大。可以提高工作效率。
28、你做的网站可视区域多少？
答：960px。
29、我们公司是做电商平台类的应用，你能做吗？
答案：能不能看自己。
30、一般网页颜色不超过几个？
答案：5个。
31、网页广告最常用的布局？
答案：左右布局。
32、「界面设计」「视觉设计」「交互设计」之间的关系是什么？如何理解？
答案：先区分一下“界面”、“视觉”、“交互”这三个词。“界面”是机器中的一部分——通过这个部分，用户可以了解机器的状态、对机器进行控制、并获取反馈。“界面”不仅包括图形界面，也包括实体界面。“视觉”是一种人的感官类型——通过这一个感官，用户可以了解信息，感知物体，被激发情绪。“视觉”不仅包括美观，更包括引导。“交互”是一种行为类别——在这种行为类别中，用户会发出自己的行为请求，接受者随之给予用户反馈和后续行为的引导。本质上来讲这三者没有比较的意义，因为它们是不同视角下的概念。
33、国内比较有名的网页设计师你知道的有哪些？（一般至少要说2个）
答案：杨华在网页设计及摄影方面都有成就。韩雪冬作品比较简洁，高大上。
34、你对国内和国外的网页设计有什么了解？
答案：国外现在比较流行简洁和扁平化。国内比较混乱。扁平化刚流行。
35、简述RGB显示模式与CMYK模式的区别
答案：RGB模式是图像显示模式，主要是在电子设备显示的一种模式，CMYK是印刷模式，需要做印刷作品的时候才会使用CMYK模式。
36、谈谈你对HTML和CSS的理解
答案：HTML是超文本标记语言，通俗一些更像是架构。就像是人的骨架，最后构成了完整的人体。而CSS则像是一位修饰工人，把架构的每一块做出不同的样式出来，也像是一件一件漂亮的衣服，给HTML架构打扮的更加漂亮。
37、你的爱好有哪些。
答案：篮球、足球、唱歌等就可以。
38、你在学校有哪些表现突出的或者参加什么社团或者获过哪些奖项？
答案：首先应该组织语言把参加的组织说出来，然后在说担任什么职务或者表现方面说下，最后组织自己的语言清楚的表达出自己获得过哪些奖项。
39、你认为作为一名设计师是软件技术重要还是好的创意重要。
答案：都重要缺一不可，首先脑中有好的创意然后我有好的操作技术把创意做出来。
40、如果工作有压力，经常加班你会如何应对？
答案：我会合理调节自己的时间，把压力分散掉。加班是公司要求的我会积极配合。并且我相信付出就会有回报。
41、目前在Internet上应用最为广泛的服务是什么？
答案：WWW服务
42、WEB安全色能够显示颜色种类是多少？
答案：216种。
43、简述选择符的作用及分类。
答案：选择符作用在于定义CSS的名称，以便引用。在CSS中主要有三种选择符：(1)超文本标记选择符；(2)类选择符；(3)ID选择符。
44：简述HTML文件的基本标记组成。
答案：HTML文件的基本标记组成为：(1)<HTML> </HTML> (2)<HEAD> </HEAD> (3)<BODY> </BODY>
45、简单说明自己的不足与优点。
答案：把自己的不足尽量简短的说明，优点尽量说一些工作中团结，热爱工作的内容。
46、你最快什么时候能上班？
答案：随时可以上班，尽量不要拖时间。
47、怎么设置透明度使得IE和非IE内核都兼容？
答案：filter:alpha(opacity=100)这是针对IE浏览器，opacity:1这是针对非IE内核的浏览器。
48、添加图层蒙板，怎么使内容透到下面去？
答案：黑透白不透。
49、怎么恢复PS软件的默认设置？
答案：打开软件的同时按住shift+ctrl+alt,然后选择删除配置文件。
50、在网页里面都支持什么格式的图片与动画
答案：支持png、jpg和gif。
51、A4纸的国内与国际尺寸
答案：国内210*285，国际210*297
52、网页设计应该注意哪些内容？
答案：六个纬度：色彩；文字；图像；版式；规范；细节。
53、使用CSS布局的网页应实现哪些要求？
（1）宽度使用多列布局，并保证页头和页脚正确显示；
（2）可以指定列宽度固定，其余列宽度自适应；
（3）在html中，个列可以任意顺序排列，最终效果都正确显示。
54、设计一款手机开机动画，写出设计思路及使用到的工具软件，
55、CSS布局方法与表格布局方法相比，有哪些优势？
答案：（1）页面载入更快；（2）降低网站流量费用；（3）易于修改；
（4）视觉一致（5）更易于被搜索引擎找到。
56、在用户界面设计的常用软件有Photoshop、Illustrator、Flash、Maxon Cinema 4D R11、IconCool Studio V2.8和JPEG Optimier,以上软件你都用过哪几种？请对你使用过的软件进行分析，阐述用途和常规特性
57、请列举你熟悉的浏览器,并描述其开发、设计上需要注意的问题。
答案：360 搜狗 谷歌 safari opera 火狐
58、如果背景是黑色，你认为字体用什么颜色能突出字体，且不显得刺眼？
答案：浅灰
59、对以下软件开发中UI操作流程进行排序（）
①设计页面②蓝图评审③需求确认④页面调整
⑤UI检测报告⑥制作静态页面⑦页面检查⑧与业务进行页面确认
60、对于网站来说，页面的操作步骤少就少用户体验好，对吗，为什么？
答案：不对
61、一个网站一般有几种主色？几种辅色？请举一个实际网站使用主辅色效果较出色的例子：
答案：3种。