前端学习（三）UI设计

UI设计

简单的创作工具点击跳转

功能优先始终贯穿设计开发流程中

设计原则

层级原则

要让用户容易抓到重点

在重点里用户能自在的进入沉浸式阅读、使用的状态

当用户想探索其他内容时，能轻松的识别网站的次要板块还有哪些，焦点能迅速转移并迅速沉浸

辅助提示信息，精确又不会打扰各主要板块的呈现

一致性原则

用户在站点的各个角落观察到颜色、间距、阴影位置都在一套有限的框架里。

布局

内容居中放一般600~800px
多列布局核心是保持内容的一个合适宽度，维持可读性

深度

阴影选项

小的阴影可以使元素略微突出，不至于强夺眼球
中等阴影适用于小型弹出的模块如下拉框
最深的阴影用于彻底将模块与页面区分开来的场景

间距、字号、色彩

前端学习（三）UI设计相关推荐

解决前端工程师与UI设计协同工作的问题
解决前端工程师与UI设计协同工作的问题参考文章: (1)解决前端工程师与UI设计协同工作的问题 (2)https://www.cnblogs.com/Sroot/p/7190196.html (3) ...
QT入门学习之UI设计布局管理
1. QT Designer 可视化UI设计及布局管理创建一个Qt Widget Application项目demo2.在创建窗体时选择基类QDialog,生成的类命名为QWDialog,并选择生成 ...
Web前端学习之Web设计与Web开发
Web设计和Web开发虽然经常互换使用,但描述了网站创建过程中两个不同但互补的组成部分.了解网页设计和网页开发之间的区别是很有必要的,尤其是如果你打算创建自己的网站. 什么是网页设计? 网站设计是一个 ...
html前端学习三：CSS
css css简介 CSS(层叠样式表)用来规定HTML文档的展现形式 CSS的定义和应用样式: CSS属性和值用冒号分隔,每条样式结束后必须加分号; color:red;↓ ↓属性值声明选择器 ...
前端学习(三十）es6的一些问题（笔记）
赋值表达式 document.onclick = document.onmouseover = fn; var a = b = c = d = 5; 不推荐逗 ...
学习c语言还是web前端好,是该学UI设计还是Web前端开发呢？
UI设计和web前端学习哪个好?哪个比较有前景? 1.Web前端开发:通俗来讲,当你打开某个网站时,往往时间被那些炫酷的动态网页设计所吸引.但是,如果没有Web前端工程师,这些图片是不会动的.这样一个 ...
哪些人适合入门培训学习UI设计?
哪些人适合入门学习UI设计?UI设计横跨互联网和设计行业,深受很多人的热捧.今天就以3大具有代表性的人群着重给大家分析一下,希望能对大家有所启示和帮助.(来源:千锋UI) 一.设计相关专业大学生: 包 ...
ui设计培训需要什么基础?如何入门学习?
UI设计是一种直观面向用户的一个技术岗位,在互联网公司,UI设计岗位是不可或缺的,那么对于零基础想要学习UI设计的同学来说,ui设计培训需要什么基础?如何入门学习呢?我们来看看下面的详细介绍. ...
UI设计学习流程写给零基础学习的你
UI设计是互联网时代的设计变革,有界面与人之间交互的时候就存在,但却没有现在这样对UI设计专业能力的重视.很多人现在学习UI设计,有的是看重UI设计月能薪破万的高薪资,有的人看重它未来大好的职业发展前 ...
ui设计新手入门学习需要注意什么细节
本文由:"学设计上兔课网"原创,图片素材来自网络,仅供学习分享 ui设计新手入门学习需要注意什么细节?初级与高阶设计师的区别,有时候不在于说整体大的布局上有什么差别,其实往往就在于 ...

前端学习（三）UI设计

UI设计

设计原则

布局

深度

前端学习（三）UI设计相关推荐

最新文章

热门文章