自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 ui布局排版

未完待续

2022-08-21 20:13:45 242 1

原创 一些基本配色

就是这样

2022-08-21 19:57:38 309

原创 AE 和C4D

HAO

2022-07-24 19:18:01 143

原创 插图有感吧

ui中使用插图的原因:1.文字不足以传达出准确的信息,由插图来补充说明2.缓解用户焦虑和提高用户的使用兴致3.增加体验感ui设计的十大趋势1.3d2.毛玻璃3.黑暗4.少颜色5,bauhaus6.动画插图7.美学极简8.大字体9.写实的场景...

2022-05-01 22:48:31 76

原创 status bar

一、简介状态栏出现在屏幕的最顶部,并显示有关设备当前状态的有用信息,如时间,蜂窝数据,⽹络状态和电池电量。状态栏中显示的实际信息因设备和系统配置⽽不同。二、用途告知用户当前设备的重要的状态信息。三、tips1)全屏情况下,可以暂时隐藏状态栏,为用户提供更身临其境的体验。2)不要永久隐藏状态栏,如果没有状态栏,用户必须离开当前应用来查看时间或电量,体验很不好。比如某些播放视频的app,要退出视频才可以看到状态。3)使状态栏样式与应用程序相协调,状态栏主要有深色和浅色两种样式,根据不

2022-05-01 22:08:34 300

原创 search bar

一、设计原则1. 确定搜索框样式填充色:通常选用与页面背景颜色反差较大的颜色作为搜索框的填充色,方便用户查找。 线框:多用于干净简洁的背景页面 投影:常用于风格简洁轻量的风格页面,同时搜索功能级别较高的场景。 透明度:常用于背景色复杂的场景,目的是为不破坏背景页面的整体效果,在视觉上更和谐。 无外框:用于风格简洁的大留白的页面。2. 是否需要圆角直角 圆角矩形:通常以4~8px最为常用 胶囊:适用于活泼,年轻,具有亲和力的品牌风格。 异形二、设计tips1.搜索框的设计

2022-05-01 22:04:08 526

原创 Tab bar

一、什么是标签栏标签栏(Tab Bar)是用于组织APP结构,以扁平层级,只用于导航的基础控件。二、作用:1)定位导航一般情况下,标签栏常驻于各一级页面底部。选中标签明确提示用户当前所处位置,当用户想要前往其他一级页面时,只需切换底部标签即可。2)凸显品牌首页是产品给用户留下第一印象的关键一步,标签栏中的视觉元素,包括选中标签的颜色、图标形式、组合样式等等无不体现了产品气质。三、分类:顶侧底从导航体系的层级来说,底部栏属于一级导航,顶部栏属于二级导航,而侧边栏属于三级导航。这种划分

2022-04-24 22:19:49 1486

原创 ui学习啦啦啦

2022年1月16日做了思维导图,主要是将功能要求列举,防止忘记2022年1月17日①当页面中一个狭小空间存在很多信息,很拥挤,造成用户视觉压力----调整层级对比和亲密关系,现有信息拓展可放置空间、强关联信息放置一处或同一空间。②可点击状态可用彩色字体进行强调。③对于优惠券这种活动属性的内容,应当做的热情一些,煽动用户的决策情绪,可采用暖色色调,营造活动氛围。④文字信息散落在画面造成视觉闭合---采用分割或者容器。可以适当结合现实世界中人们对该物体的认知。初步设计思路:该养

2022-01-23 23:52:21 99

空空如也

空空如也

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

TA关注的人

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