ui设计怎么样学

有很多朋友都想成为一名成为出色的ui设计师，但是却苦于没有方法，那么今天小编在这边给大家分享ui设计怎么学，希望对大家学习ui设计之路能够起到一个启蒙作用！

ui设计的软件

对于入门阶段的童鞋来说，不要纠结那么多，先把PS玩熟练。因为在设计师日常工作中，使用最多的就是PS了。把图形处理软件学完后，接着就是学习矢量处理软件了！

矢量图软件那选择肯定是ai了，ps，ai其中很多功能都是具有共通性的，使用起来相互结合，可达到事半功倍之作用，所以现在很多人就不会去使用cdr做ui设计了，但你要知道掌握设计软件只是万里长征的第一步。学习设计软件的技能如何能运用到商业设计中呢？从网上找教程学习，你需要特别关注APP里面的轮播图怎么设计，专题页页面怎么设计。另外，你需要掌握icon设计，别小看这版块的内容。

ui设计的书籍

《视觉与绘画》书对西方美术史极为闭塞与自满的研究现状作了尖锐的理论批评，强调从绘画图像的社会性及其作为符号的独特角度、从历史与人文学科当代发展的角度拓展研究视野；作者抓住了西方艺术史研究中一些重要观念与践履的内在弊端（如贡布里希关于图画研究的“知觉主义”)进行鞭辟入里的剖析，在方法论连同认识论的层面上为如何解读绘画，以及如何看待西方绘画与视觉、与传统、与政治权力的关系提供了新的启示。

《《版面设计的原理》:版面设计所必需的知识和技巧》没有太多不实用的理论，而是提供具体可遵循的原理和实际案例，让设计新手的设计质量大幅提升；同时也提醒对设计心怀憧憬的人们：任何设计都不是随意完成的，而是存在着既定的原理，只有掌握了这些原理，才能够做出好的设计作品。

ui设计需要累积

到这个界面你已经可以去制作一些东西了，很多人可能就沾沾自喜了，软件我已经全部搞定，而且做的东西也还像模像样的，是不是就可以找一份乐哉乐哉的ui设计工作来做做了呢！如果你是这样想的那就完全错了，在这种情况下你要是去找工作肯定是完全碰一鼻子灰，然后就失去自信了！

因为ui设计并不是软件那么简单，也并不是临摹一些界面那么简单，而是要日积月累，慢慢积累才行啊！慢慢设计路，学的东西还多着呢！我们千万不要停下我们学习的脚步啊！

怎么制作简单的网页

首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。

下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页。

下面我们来制作网站站点，在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。

然后再在站点根目录下建立一个专门储存网站图片的文件，并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件，不会丢失。注意文件命名要用英文。下面我用我建立的（篮球资讯网）来介绍，点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。

下面我们来制作这个网站首页，先学习添加图片。插入——图像——选择素材添加。点击图片，下面属性可以编辑修改图片大小，添加超链接等等。下面我修改图片大小做示范。

下面学习添加文本。编辑“篮球资讯网”，下面属性可以设置文本字体、添加超链接等等，点击页面属性，可以详细编辑文本属性。

网页基本就是文字和图片的组合，添加视频还需要学习者好好搜索Dreamweaver的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。

最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本，点击页面下方属性——链接——点文件小按钮——选中第一个网页，这样篮球资讯网文本变成蓝色。这是网站内部链接，相反就有外部链接。添加如图，一定要写https://......就可以了。

最后我们浏览网页。左上角文件——在浏览器中浏览网页，点击网页中两个链接都能到达指定网页。

移动网页设计要注意什么

1.内容优先

桌面站点可以有1024*768的分辨率，而智能机仅有320*480分辨率，如何在如此小的分辨率中，在不降低用户体验效果前提下进行设计是很有挑战性的。桌面站点常常包涵更广的内容，而移动站点仅包涵一些符合使用情境的主要功能和特征，Orbitz的桌面站点和移动站点。移动站点应该通过移动设备将用户更需要的内容和特征展现给用户。一些站点内容，信息架构和屏幕布局都是在深度理解客户需求的前提下设计的。

2.垂直浏览取代水平浏览

在呈现数据结构和数据内容时，水平导航是一种广泛采用的导航方式。用户可以从左到右，点击不同的站点链接来浏览。至于顶端时，用户可以更容易聚焦于页面的内容，而在两侧时，会很容易干扰用户视线。在我的研究中，90%的移动站点采用垂直导航的方式取代水平导航，包括Urban Outfitters移动站点。

3.导航条，标签和超文本

超链接是因特网站点的主要组成部分，然而，在移动站点中，我们则很少看到超链接。并不是在移动站点中没有超链接，而是被一些导航条，标签和按钮等取代了。用户使用手指来操作移动设备是产生垂直导航方式的原因之一。

在电脑上，移动鼠标，点击超链接是很理想的查看信息的方式，但是在移动设备中，通过手指触摸屏幕来打开超链接就不那么容易了。用户可以很容易激活一个链接，进入一个新页面，但，这并不是用户期望的页面，如果这样的话，会产生非常差的体验效果。Fitts定律告诉我们使用指点设备达到一个目标的时间与设备当前的位置和目标位置的距离，以及目标的大小有移动的关系。在一些大的手机站点中，导航条，标签和按钮会吸引更多的注意力。

4.移动网页中的广告

相对于其他广告形式，移动网络广告，借助于移动终端所特有的硬件或传感器特性，可以具有更强的达到率、互动性、定位能力、传播性、交易能力广告特点，如AR，二维码，蓝牙广告，LBS基于位置的营销活动互动、与其他媒体的网络互动广告。