#Antd# #像素# 一个非常纠结的设计小问题,秉着求真务实(钻牛角尖)的态度,总算理清楚一些了。 图1:之前看UI体系里面发现Antd喜欢用15%的不透明度的黑来做boder(button的和input的等等),其官方设计资源里面就是这样(如图1)。每次从kitchen里调用的也是。 图2:但是这样会出现一个问题,当fill颜色不一致的时候,boder显示的颜色就会出现差异。比如网页输入,固定内容的边框就会明显深,强迫症就受不了了。每次看antd这个资源组件都觉得不太对。后来看element的组件,其boder用的都是非透明色,就直接解决了这个统一的问题。 图3:后来我去用F12翻Antd官网的样式,发现样式表里写的boder基本都是纯色D9D9D9,不是透明度的纯黑,简直呵呵了。和资源里的不一致。 图4:事实证明,在纯白bg下,d9d9d9和15%的000000观感是一样的。 最后,我决定去改下component的样式。
#UI设计细节# windows菜单,根据press的位置,选择的内容(图中是M)会有角度扭曲的差别。相当细节。很拟真地实现点击感的视觉性。 磁贴、设置,基本都有这样的设定。 频繁交互使用的地方,还是做细致。收益比较明显,用户潜意识也会觉察到。
细节# Pinterest个人主页的背景图默认使用采集的画板拼合而成。 1.出现了一个动态的(随着用户采集行为),个性化定制的背景图。渲染优化得很出色,加载速度也足够。 2.极大避免了某些平台没有上传主页背景图就采用灰调提醒的状况,相当干扰。而且照顾不到有选择困难症和没有合适底图选择的用户。 3.这样,用户在使用中一些状况下也就不会去自己去选择图像替代。整个平台视觉风格的一致性得到更好的保证。 4.修改背景图中设定的choose a board更是非常细心考虑的功能。
#细节# 这个改动可能蛮久以前就有了,只是今天才注意到(版本一直也没有保持最新)。 Adobe Acrobat高亮文本的默认颜色黄色加了40%的透明度,整体柔和度好了很多。一点点变化,整体页面视觉品质提升很多。 由图1变为图2
小创意大智慧 打破常规的切口设计 撕下来的部分还可以当勺子
#UX设计细节# B站无效页插画 1.这一设计细节相当符合二次元的风格设定(不会觉得浮夸,不合适),会有效将用户目标受挫的心境转化到新的内容上,减少内容缺失造成的负面感觉。 2.品牌目标体现的另一个方式,相当直接并且不生硬。 3.会不自觉点击最后“换一张”看看。感觉变成四宫格布局,一页容纳所有内容会比较好。这样的的辅助内容还要求拖动页面有点不合适。
点击上传,或将文件拖拽到此处
图片预览: