前端之HTML,CSS(十一) 字体图标 使用文字做出小图标的效果并超越了小图标应用精灵图,使得图标变得灵活,减少了请求次数,优化了界面的性能。字体图标本身为矢量图。 字体图标的使用过程 1.UI设计字体图标效果图 使用illustrator或者Sketch矢量图软件创建icon图标,并保存svg格 ...
分类:
Web程序 时间:
2019-03-22 00:27:11
阅读次数:
232
互联网的飞速发展带动了UI行业的火爆,成为时下最热门的高新技术行业。UI设计区别于传统的平面设计,更加注重界面、交互、体验等方面,这使UI设计变为了高薪的行业,对设计师的技能要求也就变得更加严格。 自2007年出现第一台iPhone开始,UI设计师的需求便迅速增长,甚至出现井喷之势,然而,时过境迁, ...
分类:
其他好文 时间:
2019-03-20 17:19:29
阅读次数:
191
企业视觉形象(CorporateVisualImage)与企业视觉形象识别(VI)并不是一个概念。前者是企业与生俱来的客观存在要素,也就是说一个企业无论是否制定了它的VI,也无论其所制定的VI是否成功,该企业的企业视觉形象都是存在的,只不过是好坏的差异罢了,而好的企业视觉形象则无疑是依赖于一套优秀的 ...
分类:
其他好文 时间:
2019-03-15 18:53:15
阅读次数:
242
明明可靠颜值吃饭,却偏偏要靠才华立身,UI设计师就是这样一群神奇的物种。面对“大的同时小一点”、“五彩斑斓黑”、“下班之前给我”……这些甲方大大刁钻的需求,设计师每天都在咬牙微笑讨生活。你可以批评我的作品,但是不能质疑我的业务能力。这是设计师的底线。 言归正传,设计师们做UI设计和交互设计、界面设计 ...
分类:
Web程序 时间:
2019-03-13 16:26:02
阅读次数:
196
iPhone X 适配 由于iPhone X的特殊造型,为了方便开发者对iPhone X进行适配,苹果在iOS 11中引入了Safe Area的概念,引擎也在api对象下添加了safeArea属性和safeareachanged事件,UI设计准则是页面重要的元素需要在安全区域以内,避免被遮挡。 对于 ...
分类:
移动开发 时间:
2019-03-13 10:41:52
阅读次数:
324
当我们在做手机端H5网页设计稿时(当然包含微信端的H5网页设计),如果没有做过类似的移动端的设计,UI设计师和前端工程师肯定会纠结的。如果是app设计师,就不会那么纠结啦。 那么多手机屏幕尺寸,设计稿应该按照哪一个尺寸作为标准尺寸。现在已经有2K分辨率的手机屏幕了,设计稿是不是也要把宽高跟着最大分辨 ...
分类:
移动开发 时间:
2019-03-11 13:34:58
阅读次数:
290
现在有这么一个需求,实现下图的UI。 我想你应该能想到用RecyclerView实现, 当我唰唰唰几分钟做完之后,UI设计师跟我说,每个item,无论在什么手机上,都要显示四个半,具体看下图。 我们都知道,Android手机的屏幕大小不一,这种需求我们不可能把图片的宽写死,或者写成wrap_cont ...
分类:
移动开发 时间:
2019-03-06 19:20:45
阅读次数:
246
前端时间,做一个小网站的时候,需要用到很多小图标,UI设计好之后不知道如何使用,如果使用图片那会很麻烦,相信一些前端更喜欢iconfont这样的标签直接调用,这样包括颜色和大小以及使用都更方便快捷,于是我们经过交流之后决定使用阿里巴巴适量图标库,这是我们第一次使用,也顺便把经验分享给大家,希望可以对 ...
分类:
其他好文 时间:
2019-03-04 17:11:54
阅读次数:
617
活动页开发流程 针对各种节日各种活动,临时定稿开发的活动页,往往时间安排都比较急 ———— 1. 产品定下需求方向 2. UI实现设计稿 1. 草图和交互逻辑定稿= 多少个页面,每个页面表达的含义以及和用户的交互逻辑; 2. 具体到每个页面的UI设计稿; 3. 动效脚本稿; 3. 基于2.1和2.2 ...
分类:
其他好文 时间:
2019-01-18 01:02:42
阅读次数:
237
缘起 标题有点夸张,并不是完全放弃antd-table,毕竟在react的生态圈里,对国人来说,比较好用的PC端组件库,也就antd了。即便经历了2018年圣诞彩蛋事件,antd的使用者也不仅不减,反而有所上升。 客观地说,antd是开源的,UI设计得比较美观(甩出其他组件库一条街),而且是蚂蚁金服 ...
分类:
其他好文 时间:
2019-01-17 19:56:24
阅读次数:
626