网站ui设计思路
『壹』 UI设计图标思路怎么写
你当时是怎么设计的这个图标？或者是，你这个图标的构思是从哪儿构思的，或者是，你看到什么物体，或者造型而想出来的，但是不能是家具，UI设计当中，最忌讳的就是看到家具而设计出的
『贰』 网页是如何实现的，Web UI设计理论入门教程
一、学习HTML5和CSS3基础
随着这移动互联网快速发展的时代，尤其是4G时代，HTML5+CSS3已然成为新一代的web前端技术。
随着HTML5的发展和普及，了解 HTML5 也将成为 Web开发人员的必修课。涉及到网页外观时，就需要学习 CSS 了，它可以帮你把网页做得更美观。
利用 HTML5 和 CSS3 模拟一些你所见过的网站的排版和布局(色彩，图片，文字样式等等)。
当然，远标Web前端开发课程第一阶段还会学习 PS设计工具使用和互联网UI设计理论。
二、学习Java，了解DOM
Java 是一种能让你的网页更加生动活泼的程序语言。学习 Java 的基本语法，学会用 Java 操作网页中 DOM 元素。
Web前端开发课程第二阶段完全可以实现大家平常喜欢玩的 2048 游戏。(是不是感觉挺有意思)
接着学习使用一些 Java 库，比如 Jquery 是大部分 Web开发人员都喜欢用的，通过 Jquery 可以有效的提高 Java 的开发效率。
三、学习Web前端核心
学习 Jquery 之后，大家就要学习 HTML5 高级阶段(HTML5 Canvas 绘图、HTML5 SVG、音频和视频处理、表单处理、表单验证...等)
四、学习HTTP协议及Server端技术
服务器端脚本编程(后台开发)也是Web开发人员的基本功之一。
要构建动态页面通常会使用到数据库，通常php使用Oracle、MySQL数据库。
对于Web服务器来说，Apache 一个就已经是了。那么Apache、php、数据库，该怎么理解它们的关系?
1、Apache是服务器基础，php和数据库都需要Apache来协调工作
2、php是脚本解释，如果不用php，那么Apache出来的东西就只是静态的，而不能在服务器实现功能
3、数据库完全可以单独使用，但是和Apache、php一起，则是由php代码调用数据库接口，而apache就负责解释php代码，让他能真正地实现对数据库的调用
五、学习Web前端高级技术
当你掌握了HTML5，CSS3，Java等技术之后，就应该找一个Web框架加快你的Web开发速度，使用框架可以节约你很多时间。
学习的Bootstrap是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVA 的，它简洁灵活，使得 Web 开发更加快捷，是web前端开发者最喜欢，也是现在企业里最常用的前端框架。
Angular JS是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVC编程、模块化、控制器、路由、事件绑定等等。
AngularJS通过为开发者呈现一个更高层次的抽象来简化应用的开发。如同其他的抽象技术一样，这也会损失一部分灵活性。换句话说，并不是所有的应用都适合用AngularJS来做。AngularJS主要考虑的是构建CRUD应用。幸运的是，至少90%的WEB应用都是CRUD应用。但是要了解什么适合用AngularJS构建，就得了解什么不适合用AngularJS构建。
『叁』 UI设计原则与思路有哪些
我们在设计UI时，通常是有一些步骤与原则，下面列出了一些常用的设计思路。
1，明确划分与UI相关和与UI无关的部分
根据UI的设计图，首先把界面展现的数据先抽出去，只看UI的表现。
2，划分屏幕大小，明确出跳转关系
考虑不同APP所对应的屏幕大小及DPI，不同的屏幕与DPI，可能会存在不同的UI布局。
3，列出需要用到的UI元素（Widget）
把界面上展现的UI元素列出来，像常用的button, imagebutton这些很简单，一看就知道，关键是有些UI，可能会涉及到一些自定义的View，这里一定要多考虑。
4，列出哪些UI元素可以用SDK的，哪些则是需要自定义
通常一个项目里面都会有自定义的组件（View），多数是组合控件------把不同的Widget组合成一个Layout。
5，进行内部逻辑和UI界面的整合
通常一个View里面，都会有一些逻辑，特别是自定义的View，可能会封装一些特定的属性。
在使用这些View的时候，UI的activity会与这些View有一个逻辑的整合。
『肆』 UI设计该怎么学
UI设计工作内容：
编辑负责软件界面的视觉设计、排版设计和制作工作；根据各种相关软件的用户群，提出构思新颖、有高度吸引力的创意设计。
对页面进行维护优化，使用户操作更趋于人性化；维护现有的应用产品；收集和分析用户对于GUI的各种需求。
UI设计师涉及范围包括电脑PC端的软件界面设计、网站网页设计、移动端APP应用设计及部分其他界面包装设计。
主要从业人员需要熟练 Photoshop、Illustrator、Axure RP、AE、C4D、墨刀等软件工具；
1. 负责公司产品在智能电视、PC端、移动端页面/应用的整体设计；
2. 基于用户体验、人机交互、图形化设计、界面设计等前沿理论实现产品风格设计。
3. 充分理解产品策划思路及理念，配合产品经理和研发人员实现产品各种界面的视觉设计；
4. 建立和完善产品界面视觉设计规范；
5. 根据交互设计及产品规划，完成产品（iPhone、Android 、Web平台App及网站）相关的用户界面视觉设计。
6. 配合产品开发中的图形界面（GUI）设计。
7. 完成产品相关推广活动的专题页面、FLASH的设计及制作。
8. 与研发团队充分沟通协作，确认可控的误差范围和视觉效果的最终实现。
9. 根据视觉设计的发展趋势及用户研究的结果不断优化产品的图形界面（GUI）
那么初学UI设计需具备哪些入门知识架构内容：
1、视觉设计部分：
首先，视觉设计不仅仅是做ICON，做界面或者界面元素。有很多人认为，如果去互联网公司做视觉方向ui设计，只会简单做图标、界面就行，其实这是极其幼稚的想法。
那么初学UI设计者以下几项技能必需要掌握：
1）平面构成；
2）色彩构成；
3）版式设计；
4）图标绘制；
5）配色原理；
6）设计意识；
7）了解用户体验设计、可用性原则；
8）信息挖掘、用户调研、数据分析；
9）逻辑能力；
10）产品思维；
11）交互设计原则、不同平台的规范；
12）审美能力；
13）沟通能力；
『伍』 超赞干货，一个完整的UI设计流程是怎样的
需要的基础就是一些简单的美术基础和平面设计基础，要求也不算高，一般流程是这样的，大致5个阶段，PS ，Illustrator ， DW，InDesign都会用到。
第一阶段 UI用户设计基础（UI行业发展及UI设计师职业规划，美术基础，平面设计基础，图形与创意设计，网页设计基础，交互式网站），软件：Photoshop、Illustrator
第二阶段 移动界面设计（图标创意思路与方法，图标的创作设计，主题图标设计，Ios系统Android系统Windows phone系统，UI设计实训课程）
第三阶段 交互类（UCD，交互设计高级技术）
第四阶段 流程设计（界面开发对接，流程管理，移动媒体综合开发实训）
第五阶段 综合项目实训及就业阶段（根据所学内容，选择一种移动平台（IOS/Android/Winphone），软件界面，WUI类型设计，完成初稿设计。依据项目初期确定的需求进行验收，并签署验收报告。）
『陆』 UI设计需要学习哪些内容
UI设计的培训课程主要分为设计理念的培训和软件操作的培训,具体课程如下:
1.视觉设计基础:通过Illustrator软件图形应用系统的学习,使学员掌握图形视觉设计基础。
2.光影结构视觉应用技术:通过Illustrator软件光影结构体系的学习,使学员掌握物体光影结构表现技法。
3.UI设计:通过Illustrator与Photoshop软件图形图像系统学习,使学员掌握高品质UI图形设计的方法。
4.超写实应用与表现:通过Illustrator软件超精度表现系统学习,完成超写实制作技巧。
5.构成与视觉语言:学习构成视觉语言,使学员掌握设计应用视觉表现技术。
6.视觉艺术表现与应用:通过色彩艺术与视觉表现形式的结合应用,使学员的设计能力达到商业级别的要求。
7.Flash平台应用:通过Flash软件系统学习,使学员掌握Flash动态应用基础。
8.超媒体综合应用技术:通过Flash软件高级应用学习,使学员掌握动态结构表现语言技术。
9.交互式平台应用技术:通过Flash ActionScript 3 软件程序系统学习,使学员掌握高级别交互结构表现。
如果能够完全掌握这些知识,你将成为优秀的UI设计师,实现稳定高薪就业。前面也说过了,UI设计师如今被重视,所以比起普通的设计师更有前途,未来的发展前景也更为广阔。
软件如下：
1.PSCC2017
PS 全称 Photoshop
UI设计用的最多的软件，90%以上的UI设计师都是要会PS的，其处理图片功能非常强大，调色方面也不错，还有图层样式，布尔运算方面都是UI设计必备的。不过也有劣势，就是无法绘制矢量图形，排版也不是很好。还有图层也有点多。管理起来不是很方便。在UI设计中主要的用途是用来绘制界面和图标。
2.AICC2017
AI 全称 Illustrator
一款矢量绘图软件，在做UI图标上非常不错。特别是绘制扁平化图标这块。很好用。也有矢量功能画出来的图形可以放大缩小。劣势就是不能调色。做拟物化图标也不是很好做。
3.AECC2017
AE 全称 After Effects
主要是做来做影视后期视频特效的，但是在UI这个的话就是用来做一些UI的交互动效。动效这块是效率最高的软件，不过不能用AE画图标做界面。这个AE不擅长。
4.ARP 全称 Axure RP Pro
主是要用来做原型图的，在交互设计原型这块是比较火的一款软件。
最后也补一句，软件只是一个工具，千万不要觉得会了软件就会了设计，不要太依靠软件了，会了工具后还要学习理论知识才能成为一个合格的设计师。
(6)网站ui设计思路扩展阅读：
UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网说的UI设计是虚拟UI，UI即User Interface(用户界面)的简称。
好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。
设计内容：
与之相应，UI设计师的职能大体包括三方面：
1.图形设计，软件产品的产品“外形”设计。
2.交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。
3.用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来极大的风险。
『柒』 一个完整的UI设计，需要那些过程
1、确认目标用户：
在UI设计过程中，需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求。用户交互要考虑到目标用户的不同引起的交互设计重点的不同。
2、采集目标用户的习惯交互方式：
不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。
当然还要在此基础上通过调研分析找到用户希望达到的交互效果，并且以流程确认下来。
3、提示和引导用户：
软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。对于用户交互的结果和反馈，提示用户结果和反馈信息，引导用户进行用户需要的下一步操作。
4、一致性原则：
软件中往往存在多个组成部分（组件、元素）。不同组成部分之间的交互设计目标需要一致。
例如：如果以电脑操作初级用户作为目标用户，以简化界面逻辑为设计目标，那么该目标需要贯彻软件（软件包）整体，而不是局部。
5、可用性原则：
软件要为用户使用，用户必须可以理解软件各元素对应的功能。
比如：删除操作元素。用户可以点击删除操作按钮，提示用户如何删除操作或者是否确认删除操作，用户可以更加详细的理解该元素对应的功能，同时可以取消该操作。
(7)网站ui设计思路扩展阅读
UI设计师的职能大体包括三方面：
一是图形设计，软件产品的“外形”设计。
二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。
三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量UI设计的合理性。
如果没有这方面的测试研究，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来极大的风险。
『捌』 如何利用UI设计一个清晰的网站结构
UI网页设计和网站建设不同，网站建设单单只是通过程序源码实现网站功能的实现，而UI设计则是体现在视觉角度，当两者相辅相成之时则将会成就网站建设的核心。深圳网站建设公司都会配备有专业的全职设计师，可能在设计师的需求上大都是创意，然而在我们真正做一个项目或者工程的时候则会发现“艺术家并不是需要创新，而是需要会活用技巧。”优秀的设计效果离不开技巧的运用，而技巧的运用则能够烘托出设计之美。
新华针对UI网页设计的实战经验和总结，以直观的改善网页视觉效果为目的来提升网站的高级感为目的，从网页的设计层次、字体、结构、对比、透明度等诸多因素上进行对比和调整，其详细内容可以分为以下几点：
1、使用色彩和字重来创造层次结构，而不是单纯的大小对比
在对UI 文本进行样式控制的时候，最常见的错误莫过于过度依赖字体大小差异来营造对比。
单纯实用字体大小对比，所营造的对比并不够，尝试结合色彩和字重来营造更好的对比效果。
如果可以的话，你甚至可以采用两到三种颜色：
（1）主要内容采用深色（诸如标题，但是不要用纯黑）
（2）次要内容采用灰色（比如文章发表日期）
（3）辅助性内容采用浅灰色（比如页脚中的版权声明）
类似的，在UI设计的时候，通常两种不同的字重足以营造出优秀的层次感：
（1）大多数的文本采用正常的字重（400到500，具体取决于字体）
（2）对于需要强调的文字采用较重的字重（600到700，具体取决于字体）
应当尽量不要让正文部分字重低于400，因为这一部分字体字体本身尺寸已经较小，低于400会使得可读性不佳。如果你依然需要降低字重，那么不妨让字体色彩更浅一点，或者替换成其他识别度较强、字重相对较小的字体。
2、不要在有色背景上实用灰色的文本
在白色背景下，将黑色的文本改成灰色，是不错的淡化其视觉效果的做法，但是在彩色背景下这么做，则是另外一回事。
实际上，让白色背景下文本由黑变灰实际上是达到降低对比度的效果。
但是在彩色背景下，想要降低对比度是应该让文本逐步接近背景色，而不是改为灰色。
想要降低和背景色之间的对比，通常有两种方法：
（1）降低白色文本的不透明度
降低不透明度，能够让背景的颜色透过来一些，以一种不冲突的方式降低前景文字和背景之间的对比度。
（2）基于背景色手工挑选文本的颜色
当背景是图像或者图案的时候，半透明的文本会影响可读性，这个时候最好是基于背景主色调来挑选相应的文本色。
（3）阴影设计
相比于采用大范围的扩散模糊阴影，使用微妙的垂直偏移阴影效果更明显，更自然，它模拟了最常见的光源特征，光线从上往下照下来所营造的阴影效果。
如果你对此有兴趣，Material Design Guideline 非常清晰地给你讲明白了这样的阴影的制作细节。
4、尽量少使用 Borders
盒子模型是网页前端最常用到的工具。当你需要在两个元素之间创建分隔的时候，尽量避免实用两者的边界直接接触。
虽然 Border 是分隔两个元素的好办法，但是它不是唯一的方法，使用过多会让整个布局的设计感降低，甚至会造成混乱。
所以你可以尝试下面的办法来规避：
（1）使用 box shadow
box shadow 同样可以营造出边界感，而且更加微妙，并不会显得突兀，不会分散用户的注意力。
（2）实用不同的背景色来区分
通常，相邻的元素背景只需要有微妙的差别就能够让人对他们进行区分。所以，你所需要做的就是在不同的区块采用不同的背景色，并且尝试删除边框，因为你根本不需要它。
（3）增加额外的留白
创建元素之间的分离效果，并不一定要通过线框来表现，只要增加留白，让它们分隔开就行了。通过留白和间距来实现元素分组是UI设计中的常用手法。
5、不要让小图标无端地放大
当你在设计着陆页的时候，可能会突出产品的功能，这个时候你需要一些大图标来作为视觉锚点，这个时候你可能会去 Font Awesome 或者 Zondicons 这样的网站找几个免费的矢量图标，然后放大到符合你需求的尺寸。
它们都是矢量图标，照说是可以无损放大的。但是一个通常只有16×16 的图标放大三四倍，它固然无损，但是在视觉上就显得颇为不专业了：缺乏细节，总感觉过于矮胖。
可是，如果这些小图标是你唯一能够搞得到的素材的话，那么不妨试着将它置于另外一个带有颜色的图形当中：
这样的设计不仅能够让图标达到预期的视觉体积，而且看起来要比单纯放大，看起来细节会更多一些。当然，如果你手头不是那么紧的话，最好还是买几个大尺寸的高素质图标，比如 Heroicons 或 Iconic。
真正而有效的UI设计需要符合用户、符合网民的需求进行设计，在网站建设的基础上完成网站的维护，网站建设离不开UI设计，所以掌握以上技巧后运用到设计中辅助网站建设，将会使得用户对网站的体验感和高级感更加满意。
『玖』 界面设计和网页设计是一个思路么
相似但是有区别
界面设计呢 比较注重功能的承载方面，服务于使软件功能更回好用，无需很花答哨，简洁明了即可（参考苹果系统界面）
当然网页也分为功能型和视觉传达类型 ，前者同界面设计类似，突出功能。后者更为注重视觉的美观，震撼（这取决于网站需求),类似于平面设计
『拾』 网站进行UI设计需要注意哪些问题
你好！
一、清晰的界面往往会给用户留下深刻印象模糊的网站界面，会很容易引起视觉疲劳。因此，UI第一要素就是建立清晰界面的思维，将其应用到实际开发之中去，这将会在很大程度上提高用户体验度。
二、遵从“简洁但不简单”的设计原则 好的网站UI设计，不仅具备清晰的界面，还要给用户以简洁的感觉。用户的第一印象是非常重要的，简洁的UI设计原则会让用户在最短的时间内找到自己想要的内容，提高了效率，很多建站公司都明白其中的道理，进行网站改版就是为了简洁化。扁平化设计就是一个好的思路。
三、给用户以熟悉的感觉 所谓的给用户熟悉的感觉，是UI设计的要点，我们要在创新的基础上周密考虑用户的需求，不能让他们感觉陌生，从而流失顾客，这样对企业来说会是一个很大的损失。
四、和用户交互，提升页面响应速度 UI的最终目标是提升用户体验，所以我们较强和用户的交互，了解用户的需求，提升页面响应速度，最大程度为用户带去便利和舒适的浏览体验。
五、整体必须保持一致风格 网站整体要有一个同意的风格，这其中不仅包含了颜色的搭配要统一，而且字体、网页布局等也要统一。只有保持统一的风格，才不会让用户在访问页面时产生错愕的感觉。
希望能帮助到你！
还请及时点赞谢谢！
祝生活愉快！