自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 Roboto 字体

1数字等宽,roboto字体中的0和1的字符宽是一样的2 识别度高,0OLILi13 中英文混搭的时候,X-height的高度和谐

2021-09-13 14:37:40 535

原创 2021-09-13

**设计原则:**准确、清晰、有效、美(****等级关系,相辅相成且递进关系)准确:比如柱状图的纵坐标范围0 5 10 15 精准如实反应数据的特征信息清晰:内容(不让读者带着疑惑去阅读是我们始终追求的目标,如:图上的数据说明、来源要在合适的位置说明,帮助读者更好的理解数据和定位问题)和结构(作品的呈现是一个设计构思的结果,布局决定浏览者的浏览顺序,清晰的布局和清晰的纵向路径帮助读者更好的阅读,获取信息)有效:信息传达有重点,克制不冗余,避免信息过载,用适量的油墨比表达对用户最有用的信息。...

2021-09-13 14:24:32 66

原创 冷暖色调

冷色系蓝色,绿色,紫色都属于冷色系,冬天色系和夏天色系的人是用冷色系的颜色。冷色: 色环中蓝、绿一边的颜色,也就是颜色里有带蓝色的都是冷色。如蓝、紫、红、绿等。冷色系: 由以冷色为主的色调组成冷色系。冷色系包括黄绿、绿、蓝绿、蓝、蓝紫;还有介於暖色系和寒色系的颜色:黄、紫。冷色给人的心理感受: 冷色系的颜色常常带给人自然、清新的感觉。也有如:兴奋、亲近、湿润、干燥、不安定、迫近、沉重、柔和等的感觉。http://hao.shejidaren.com/暖色系由太阳颜色衍生出来的颜色,红色、黄色,

2020-06-07 19:19:03 526

原创 设计理念总结

添加链接描述需求分析:1产品定位:2用户调研3用户画像设计目标:1优化布局:明确页面的功能,优化布局排版,减少用户的操作步骤,(如:定时按钮放在翻页的旁边,(1错误例子,放左上角,容易与时间混淆 2翻页时候可以很快的控制时间 帮助用户很快的知道是否加速阅读题目 3用户体验好,不会因为时间点到了,直接退出,增加用户对产品的粘合度))合理梳理界面的层次,优先突出用户关注的模块2界面统一性,细节统一性,规范设计组件,统一的视觉规范3交互逻辑简洁明了,交互动效上,合理把控时间和操作,引导用户操作

2020-05-29 15:22:52 332

原创 设计规范:视觉+交互+结构

设计规范:A视觉层:清晰1文字清晰易读,图标精确清晰,装饰精巧适合,使得用户更易理解功能。颜色,字体、图形和界面元素要巧妙地突出主要内容并传达交互性2减少用户学习成本,避免过度设计(清楚≠清晰,清晰是用户看到一个元素或模块,用户就知道它是做什么的)3设计要点:颜色(保证色彩在任何情况下都可以辨识,同时也需要关注色盲人群的体验)版式(排布任何信息时,要遵循「对齐/重复/亲密/对比」四大原则...

2020-04-12 15:02:50 349

原创 如何写后台系统UI设计规范

后台系统设计:1从前期的竞品分析、2设计规范与3设计稿到开发最后4产品落地。在整个过程中都会遇到很多需要反复思考,考虑实际情况调整设计方案、优化设计交互的过程。在这个过程中参与讨论的有产品、设计及开发,三方并行参与最后落地一个可实施优于用户体验及视觉的方案。通过每一些细微的点的重复思考、探索慢慢的形成了一些可适用的大多数场景的可寻规律。设计规范存在的目的:1、多个设计师同步设计:大多数是因为同一...

2020-03-23 23:00:26 732

原创 ps拉框助手

https://pslkzs.com/index.html发现一个ps拉框助手。可以帮助设计可视化大屏节省不少时间成本。拉框助手是由非著名UI设计师灰色执照开发的一款基于photoshop的插件,它能够快速的生成折线图、柱状图、饼图、雷达图、全国各省市的地图、以及按钮、按钮组、窗口、输入框、下拉框、单选、多选、提示、表格、树等常用的UI元素...

2020-03-08 15:45:10 514

原创 web规范思路

还在苦恼如何搭建Web端布局框架?来这里找方法吧~CDX魔方项目组成员用血和泪的经验告诉你答案。「前言」对于承载多个子产品的网站而言,单一的布局形式不能完全适用,因此我们需要全方面了解相关的布局框架理论。这有利于我们在定义复杂结构的Web界面时得心应手,做到统一化、规范化、可拓展及可快速迭代。整篇文章分为两部分:1.了解布局框架要素2.项目沉淀:滴滴魔方网站布局框架的构建与实现「布局框...

2020-03-05 19:59:51 224

原创 UI设计框架思考

统一性——确保产品布局在结构和视觉的一致性,为用户提供高度的舒适感逻辑性——视觉中的各种分类构成具有逻辑思路,结构联系紧密且通畅可扩展性——无论产品功能是简单还是复杂,布局框架能够随着产品需求的变化进行布局结构的延展和扩充可预测性——选择可预测和可识别的布局,并连接到体验的每一个环境中且在适当的地方引导用户魔方视觉的设计原则在历经了多轮方案稿产出、视觉评审后,魔方最终的视觉风格在布局框架...

2020-03-05 19:52:15 387

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除