2024年设计网页首页草图 篇1
设计网站首页要考虑很多方面的问题，我们做网站也已经有十几年，所以总结了一套做网站的技巧，限于篇幅，大致分享一下吧：一、色彩搭配
网站的配色要有一整套科学的方案。不能是随便的随心所欲的进行，要了解网站做什么的，目标受众是哪些，他们对色彩偏好是什么样的。二、板式氛围设计
网站有时候的整体氛围很重要，比如有的需要做成机械感觉的，有些需要是扁平化的，有些需要有点立体感觉。三、栏目规划
栏目设置很重要，一个网站需要包含哪些栏目，这些要规划一下。四、功能规划
功能需要什么，也很重要。在设计上要体现这个网站上需要的功能。
网站首页就是一个网站的灵魂，做好了首页网站就做好了80%。当然，这也是需要经验的积累，不是简单地总结一些经验，你就可以立马使用了，还是需要自己去感悟。
2024年设计网页首页草图 篇2
网页设计需要学习东西还是比较多。
第一阶段：设计软件学习：例如 PS 、AI、Dreamweaver、等等。
Photoshop简称PS，是由Adobe公司开发和发行的图像处理软件，Photoshop主要处理以像素所构成的数字图像
Adobe Illustrator(AI设计软件) Adobe Illustrator是一个绘图软件包，允许你创建复杂的艺术作品，技术图解，用于打印的图形和页面设计图样，多媒体，以及 Web 。Adobe Illustrator提供了广泛的强大绘图和着色工具，其中包括：一个刷子工具，椭圆工具，徒手素描工具，刀子工具，自动跟踪工具，护罩，斜变工具，路径图案过滤器，混合工具，颜料桶，滴管，对齐工具及墨水笔过滤器。Illustrator有强大的图形处理功能，支持所有主要的图象格式，其中包括PDF和EPS。这个程序让你进行广泛的印刷控制，并可以支持工业标准的 Adobe 插件。
Dreamweaver ：一套针对专业网页设计师特别发展的视觉化网页开发工具，也是目前最新版本利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。本套教程结合目前网页中应用到的各种效果和技巧,全面讲解如何用Dreamweaver CS6去完成网页页面的排版设计，同时配合生动实用的案例使您更容易、更轻松掌握Dreamweaver CS6，帮您成就网页设计师的梦想.
第二阶段：网站的概述、网站的制作及设计、web 网页设计 专题页面设计 电商知识 企业网站制作 、后台系统设计、移动端页面设计。
第三阶段：编程语言的学习html 、 css 、 js 、 html5 、 css3 JavaScript 等等
这些编程语言都是开源的在网站很容易找到学习教材，但是要学好用好还是要通过不断的实践。
第四阶段：比较高级一点前端语言。
jquery:javascript框架，javascript函数库，极大简化了javascript。bootstrap:一个用于快速开发 Web 应用程序和网站的前端框架。
AngularJS: 是一个 JavaScript 框架。
JSON: 是存储和交换文本信息的语法.
Ajax: 可以用于创建快速动态的网页。AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。
Angular 2:是一个开源的JavaScript框架
React: 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI .
LESS:是一个CSS预处理器，可以为网站启用可自定义，可管理和可重用的样式表。是一种动态样式表语言，扩展了CSS的功能
Vue.js ：是用于构建交互式的 Web 界面的库。
Node.js ：是运行在服务端的 JavaScript。
如果这些你都能有所掌握那么你将慢慢的走上编程之路了。
2024年设计网页首页草图 篇3
一般会使用到ps、sketch、xd来做设计，如果你是mac系统的话，可以使用sketch，这是一个专门的UI设计工具，同时配合蓝湖来使用，不仅可以一键切图标注，还可以生成代码，直接复用。所以ps、sketch、xd和蓝湖都是前端工程师必备的设计工具
2024年设计网页首页草图 篇4
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种。