Facebook是一个连接全球数十亿人的社交工具。 面对这一视觉系统，设计师遇到了前所未有的挑战
虽然每个工具都能很好地履行其预期的功能，但它们并没有提供令人满意的整体经验。设计的UI模式，使用颜色和图像每个产品都是不同的。整体看起来不仅过时，而且与Facebook的这些专业人士在个人生活中使用也脱离联系。
我们希望制作出一致，令人满意的用户体验，值得我们的商业产品为公司和人们喜欢。我们还希望通过改进他们所依赖的工具来展示我们对这些业务的承诺。
我知道这个项目将是一个团队的努力，但我是被吓倒的。到目前为止，我为“模拟 ..

想学好ui设计，好的学习资料当然不能少，给大家UI设计课程大纲学习。

阶段一、UI课程介绍
(1)行业情况介绍(2)互联网发展趋势(3)UI行业优势(4)设计师就业和薪资情况(5)MUI与产品的关系
阶段二、PS软件入门
(1)ps在行业中的应用(2)常用工具(3)蒙版类工具的使用(4)文字与段落(5)通道的使用方法(6)调色工具的应用(7)图案与填充(8)滤镜的综合化应用
阶段三、AI与品牌
设计(1) AI工具使用(2) 文字类工具使用技巧(3) 混合工具使用(4) 品牌的塑造与logo(5) logo设流程(6) VIS系统(7) VIS基础部分(8) VIS基础部分制作
阶段四、视觉表现 技法
(1) C ..

随着时代的更新，网民开始逐渐适应使用手机来进行网上活动，如图


从图中可以看出，移动端的使用率已经很接近PC端了，这就使得我们需要在做好PC端网站体验的同时，做好移动端的体验，移动端又分为移动端网站和app，咱们这次主要就移动端网站来说一说他的规则和玩法。
在咱们使用浏览器搜索咱们需要的信息的时候，用PC和移动端的搜索结果呈现方式和效果都是不同的，因为屏幕分辨率的关系，可能会造成图片的变形及排版错误，如下图。


要做好移动端网站的优化有四部分要注意
一、站点速度

如果从输入网址后，三秒钟还没有加载出你的网站 ..

说到前端, 大家第一反应是不是都是vue、react、webpack等这些大大小小的框架或者工具, 但其实这些都是和js相关的, 真正的样式会被大家忽略。其实真正呈现给大家看到华丽的页面, 都是样式才让他们多了那份色彩。那么大家觉得简单的css样式, 真的简单么? 让我们一起来看下, 开启css的入坑之旅, 今天一起跟大家简单聊聊盒模型的相关问题......


盒模型

百度知道对此的解释, 很有意思, 在此引用一下
CSS盒子模型, 内容（CONTENT）就是盒子里装的东西; 而填充(PADDING)就是怕盒子里装的东西（贵重的）损坏而添加的泡沫或者其它抗震的辅料; 边 ..

每次QQ有新的重要版本发布时，移动端的介绍使用了HTML5页面，通过7个独立的页面简洁地介绍了它的主要功能。在每个页面切换时伴随着背景图片的切换，让介绍页面生动有趣。
我们来看看如何实现这种APP介绍页面的效果，点击下方的链接查看完成后的效果，下面是完成后的效果图：
（内有源文件和相关资源素材）



一、实现思路

1、使用第一个动态面板显示7个介绍页面
2、使用第二个动态面板显示背景图片的切换
3、在向上和向下拖动介绍页面时，触发背景图片动态面板的状态切换
4、首页的向上箭头动画，通过元件的显示与隐藏实现循环动画效果
..

编者按：作为今年大热的设计趋势，响应式已然是设计师的标配技能。今天阿里的同学从响应式设计的布局类型、布局实现两方面深入讲解，有哪些实现布局的方式，该采用何种方式，都有相当专业细致的解答，不多说，来收 >>>
Heyuchan ：在谈响应式布局前，我们先梳理下网页设计中整体页面排版布局，常见的主要有如下几种类型：
布局类型


布局实现

采用何种方式实现布局设计，也有不同的方式，这里基于页面的实现单位而言，分为四种类型：固定布局、可切换的固定布局、弹性布局、混合布局。
➤固定布局：以像素作为页面的基本 ..

通常在PC上常出现的下拉菜单，在移动端上都是用什么交互来实现的？将最近项目里碰到的情况总结一下。


1. 层级设计，以iOS为代表

iOS系统日历

是目前最常见的一种做法，外露设置名称和默认设置项，将全部设置内容放在下一层。
节约垂直空间，不干扰当前界面其他内容。可以很好兼容单选、多选等多种情况。作为一个完整的界面，可以容纳的内容比较多。
但增加一个层级，就意味着有进入和返回两步操作。尤其是返回大多在界面左上角，随着手机屏幕越来越大，采用这种方式又没有手势右滑返回还是挺难用的。我一直觉得，将层级设计用的风生水 ..

设计师都知道，设计不只是为了好看。设计也决定用户如何融入一个产品，无论是网站还是app。这是一种交谈。导航就是一种交谈。因为如果用户不明白使用方式，你的网站或app再漂亮都没用。


为什么底部导航如此重要？

Steven Hoober在他的关于移动设备使用状况的研究中发现，49%的人依靠一根手指完成手机上的操作。在下图中，手机屏幕上的画面表示大致的触摸范围，不同颜色表示用户能用拇指在屏幕上触及的区域。绿色表示轻易触及；黄色表示需要伸长手指；红色表示需要用户改变持握方式。

图片来源：uxmatters
图片表示单手操作智能手机的 ..

小编今天分享一下腾讯移动端页面设计规范，看看会对你有什么启发？

直接进入主题
首屏范围：750X1218像素

移动端的首屏尤为重要，很多时候用户只关注到首屏的内容。并且很多移动端页面采用分屏浏览的的形式，这种形式让用户更集中注意力在一个画面中。首屏范围的设定选取的主流机型IPHONE6的分辨率大小，安全宽高为向下兼容到iphone5s的尺寸。首屏范围的由来

市面上的机型超过65%的长宽比为178:100，如果按照设计app的思路，只需要选取一个中间设备ip6尺寸来适配即可，但我们发现微信/手Q的浏览器头部并不是按照等比来缩放的，所以如果 ..

大部分视觉设计师在工作中都会遇到logo UI设计，每个UI设计师都有自己独特的思路和方法。在设计过程中有理性的方法也有感性的发挥，我接下来讲的理性的部分比较多，因为感性的东西跟个人平时的积累、经验、生活阅历等等相关。不是什么大神，写的都是自己慢慢沉淀下来的方式方法。Logo的意义和重要性，在这不再赘述，我主要讲logo设计的每个阶段个人觉得比较重要的几点。我做logo UI大体有以下几个过程：

前期准备
信息消化及设计方向分析
灵感素材搜集
草图绘制（手绘 快速矢量）
甄选 细化阶段
提案准备
设计完善一、前期准备
前期准备 ..