⑴ 做响应式web 页面怎么设计
响应式Web设计的方法
介绍完响应式Web的背景和概念之后，是时候该介绍具体的实现方法了，其实响应式Web设计的方法很简单，就是利用CSS3的媒体查询Media Queries和Viewport来解决问题的。
首先我们一起来看看Media Queries，这里我只会对其做一个简单的列举介绍。
通过媒体查询的设置，我们可以根据屏幕宽度、屏幕方向等各个属性来加载不同场景下不同的CSS文件来渲染页面的视觉风格。具体的使用方法有以下两种：
1、通过link标签：
<link rel="stylesheet" type="text/css" media="screen and (max-width: 479px)" href="testcssbywidth1.css" />
示例代码代表当当前屏幕宽度小于479px的时候，加载testcssbywidth1.css文件来渲染页面。
2、CSS中直接设置：
@media screen and (max-width:479px) {
/* 具体的CSS属性设置 */
}
对于Media Queries的一些常用属性，只对常用的几个做一个简单列举说明，其他的属性请各位自行查阅相关资料：
width：描述终端设备显示区域的宽度，接受max/min的前缀；
height：描述终端设备显示区域的高度，接受max/min的前缀；
device-width：描述终端设备屏幕的宽度，接受max/min的前缀；
device-height：描述终端设备屏幕的高度，接受max/min的前缀；
orientation：描述终端设备处于横屏还是竖屏的状态，取值分别为：landscape/portrait。
当我们调整浏览器大小的时候，上面通过媒体查询属性的操作就可以完成响应式Web设计的工作，但是这却不能满足移动终端的浏览器，因为移动浏览器默认页面是为宽屏幕设计的，所以会把他缩小来适应小屏幕，但是终端设备却无法识别正确的宽度，所以光靠媒体查询是解决不了移动终端设备的响应式Web设计的
⑵ 界面设计，web设计
第一，你字体太大了。如果是一个软件的话，可以用微软雅黑，如果是在线版的话，宋体的象素字12号，标题14号就够了。
第二，用1像素修饰边缘。
第三，尽量减少圆角，不然挺麻烦的。除非你有很好而且不怕麻烦的程序员
⑶ 如何设计web界面才好看
符合页面设计规范，注重用户体验，交互设计方面做到人机和谐。
⑷ 如何进行web页面原型图设计
最后半天心不在焉拖拖拽拽把各个部分都搭建好了，可是做出来的页面惨不忍睹，自己都没勇气打开。晚上回家后和邻居又讨论了三个小时，最后熬夜把原型图完成。虽然最后原型图也没有被采纳，但是这次原型图居然受到了表扬，领导说我的原型图有了提升。今天就写下这篇文章，为这段时间的工作做一个总结。原型设计前：①�0�2�0�2 重点突出内容：要清楚明了页面需要突出的内容是什么，这个在前期的讨论中一般就已经确定；②�0�2�0�2 第一功能目的：除了内容以外，功能方面需要突出的是什么？如引导注册或像下一级页面引导流量。③�0�2�0�2 如果是改版要考虑改版要解决的问题是什么？对于前一版页面存在什么问题 画原型图要考虑：④�0�2�0�2 内容板块如何划分，页面的内容主要分成几个模块，每个模块内存放的都应该是一些相近的内容；⑤�0�2�0�2 模块与模块之间的关联性：每个模块与其相近的模块之间应该有一些逻辑上的关联性，而不能随意的进行拼接；⑥�0�2�0�2 页面的流程：模块与模块的上下承接关系，模块与模块应该上下存在某些逻辑上的连接性。 页面完成后：完成原型图后一定要进行检查，主要从以下三个方面进行检查：⑦�0�2�0�2 内容是否完整：对比框架中的每一部分内容检查是否完整；⑧�0�2�0�2 第一屏是否把最重要的内容展现出来：页面第一屏以外的内容基本都是辅助内容，如果不能在第一屏就把内容全部展现，基本上就等于内容不完整；⑨�0�2�0�2 功能是否实现：想要表达的功能是否在明显的地方表现出来；⑩�0�2�0�2 流程是否顺畅：把相应的流程走一遍，看是否流畅。 注意tips：①�0�2�0�2 未完成的作品拿出来讨论页面不完整不代表思想不完整，即使是不完整的页面，里面应该也要有一个清晰的逻辑图。通过这种方法可以强迫自己想明白再下手。②�0�2�0�2 理清自己的思路要有属于自己的清晰思路，对内容、功能和流程自己要先想明白，可以列举一些具体的问题来辅助理清自己的思路。③�0�2�0�2 坚持自己的想法每一个人都有自己的想法，只要你理清自己的思路，就一定要坚持下去。用自己的逻辑解答别人的疑惑和质疑，形成自己的思路。 关于工具和作图：之前花了很多时间去研究axure，是学会了一些作图的技巧，可是渐渐发现这些对页面的提高基本不大，我是觉得在掌握基本的工具使用时可以暂时忽略工具。页面最重要的是你的想法，等到想法成熟之后不妨慢慢的考虑工具的深入，太多的考虑技巧方面的问题反而会模糊视线。思考的过程和画图的时间可以在7:3都无所谓，前期的框架和流程思路想好后，后面的原型图也就水到渠成了。
⑸ web ui界面设计
可以使用html+css先做出来，到时候在使用程序嵌入进去使功能可以使用即可。
⑹ 什么是基于web的UI设计做web的UI设计需要掌握什么技术
web是网络，UI是界面设计。
基于web的UI设计就是基于网络的用户界面体验设计。
比如我现在回答问题的这个网页界面，打字的区域是文字输入框，框上是问题，框是直角而非倒角设计，而同问、匿名和提交回答，还有右侧的 签到，帮助更多人按钮都是有倒角的。。。。
总之你上网看到的一个界面 就是一个界面设计。但想我上面说的这个界面，就是很烂的界面，连按钮都不同意，你看搜索答案，我要提问和我要回答按钮又是直角按钮。。。
需要的技术：
1、设计能力.
2、理解与沟通能力，设计心理学。
3、软件使用技巧。
你可以看一些UI比较好的网站，比如BING的搜索页面。不像网络只知道抄袭某已经离开的大哥，二十另辟蹊径。。。
⑺ 学平面设计需要学习什么软件
1、全能选手Photoshop
Photoshop简称”PS“，是Adobe公司开发的图像处理软件，主要处理以像素所构成的数字图像(即位图图像)。PS有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。
很多人选择学习设计其实都是三分钟热度，最好在学习之前先来做一个小测试
→点击测试我适不适合学设计
在从事网页设计工作中，用得最多的软件就是PS。以前也用PS设计过平面海报，易拉宝感觉也挺好用的。当然PS来处理图片、调色修图、做些特效合成这是PS的最擅长的强项。除此之外，用PS来做logo设计、画册排版、名片也可以，只是略显笨拙。
2、矢量软件Coreldraw
CorelDRAW?Graphic?Suite简称“CDR”，是加拿大Corel公司的矢量图形制作工具软件。这个软件给设计师提供了图形插画、照片编辑、页面布局、Web设计等多种设计场景。
3、排版利器InDesign
InDesign软件简称“ID”，也是Aodbe公司旗下的一款设计软件，定位于专业排版领域，能够帮您优化设计和排版像素的多功能桌面出版应用程序。
专业的平面设计学校通过以上几点就可以轻松找到，天琥教育开设平面设计培训班，课程内容包括了平面设计、网页设计、UI设计、交互设计、三维动效设计、营销设计、web前端设计等等，这些都是匹配当下企业对于复合型UI设计人才的要求而进行开设的，也在无形中扩大了学员的就业选择。
⑻ web前端培训有哪些课程
您好，web前端培训课程包括以下8个阶段：
阶段1.前端核心基础
HTML +_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScript DOM和BOM编程、jQuery框架
阶段2.HTML5 + CSS3 + 移动端核心
HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练
阶段3.移动端
移动端核心、移动端适配、移动端特效
阶段4.服务器端
服务器端开发、数据库操作、前后端交互核心、微信公众号开发
阶段5.JavaScript高级
JavaScript基础深入剖析、JavaScript面向对象深入讲解、JavaScript异步编程、JavaScript函数式编程、JavaScript设计模式
阶段6.前端必备
性能优化、版本控制工具、模块化、项目构建工具
阶段7.高级框架
React框架基本使用、React框架进阶、Vue框架基本使用、Vue框架进阶、Vue源码分析
阶段8.小程序
原生小程序入门、原生小程序API使用、小程序框架Mpvue