- 博客(8)
- 收藏
- 关注
原创 插图有感吧
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关注的人