玻璃拟物化风格(Glassmorphism)设计与前端实现
玻璃拟物化风格(Glassmorphism)是这两年有人提出来的一种风格,乍一看和以前的毛玻璃效果很像(至少再我看来是差不多啦~)。玻璃拟物化风格在以前毛玻璃的效果上再调整点细节
阅读量: 2.3k标签: 设计
Neumorphism风格 - 新拟物化风格
新拟物化 Neumorphism 的风太大,简直是传遍大江南北无人不知。对于它的看法大家也都众说纷纭,大部分的观点都集中于:第一看过去非常的高大上
阅读量: 1.6k标签: 设计
CSS 实现新拟态(Neumorphism) UI 风格
新拟态是一种图形样式,其原理是为界面的UI元素赋予真实感。原生名词有几个叫法,Neumorphism / soft ui,翻译过来是新拟态或者是软ui。国内的翻译叫,新拟物风格。Neumorphism,是New +Skeuomorphism的组合词
阅读量: 2.3k标签: 设计
10 个实现炫酷 UI 设计效果的 CSS 生成工具
根据设计领域的最新趋势,我选择了10个值得你关注的CSS生成工具,以帮助你构建漂亮炫酷实用的UI界面。这些工具将有助于提升设计人员和前端开发人员的工作。
阅读量: 2.1k标签: 设计
新手Web设计师应该避免的 6 宗罪
新手Web设计师和开发人员往往以有缺陷的创作而告终,却不知道真正的故障出自于哪里。虽说有这么多的设计书籍,但即使都读了,也不会对最后的设计有任何意义。在第一个原型中创建一个无缝的设计真的是一个挑战——事实上,只是做好单个部分就是一个难点。
阅读量: 1.8k标签: 设计
浅析网页首页界面设计
开宗明义,无论是对于一篇文章、一场会议或一部专题片,还是对于一个网站来说,都是必不可少的。那么能为一个网站开宗明义的地方(标签)就是 Title(标题)和Description(描述、副标题),而能够为Title和Description提供进一步诠释的就是网站的首页
阅读量: 1.1k标签: 设计
前端程序员要懂的 UI 设计知识
在本文中,我们介绍了七个主要的设计基础:留白,颜色,对比,比例,对齐方式,版式和视觉层次。它们对于 UI 都同样重要——如果缺少这些元素中的任何一个,都会损害整个用户体验。
阅读量: 1.9k标签: 设计
设计逻辑的细致和严密问题
我们从工程上的精确和准确来引申我们的概念。测量一段距离的长度,得到结果是0.34米,我们可以提高测量的水平,得到一个更好的结果,比如0.342377946米。后者比前者具有更高的精确度(或者简称精度)。我们说后者比前者更“精确”
阅读量: 1.6k标签: 设计
css应用视觉设计
创建一个 CSS 线性渐变:HTML元素的背景色并不局限于单色。css还提供了颜色过渡,也就是渐变。可以通过background里面的linear-gradient()来实现线性渐变,下面是它的语法:
阅读量: 1.8k标签: 设计
专业Web设计师应该避免的6个关键错误
互联网的诞生彻底改变了世界。以前习惯于在电视和报纸广告上一掷千金的企业开始渐渐意识到互联网带来的变化。他们不得不改变他们的投资方向,把他们的钱投向更有潜力,更能为客户带来利润的地方
阅读量: 1.5k标签: 设计
灵活运用PS切图技巧
话说,以前的前端工程师在入行时都当过切图仔或切图女。曾经,切图作为前端一门基础且必备的技能,不知何时开始已经不再提起。很多面试官在招聘时都忽略了PS的存在,其实在国外一位优秀的前端工程师是包揽设计工作的,PS玩得可溜呢
阅读量: 1.6k标签: 设计
设计师常用的几个资源网站分享
如果你是一名设计师,你的电脑上可能存储了很多的设计网站,但是对于一些新手小白来说,刚接触设计的时候应该怎样进行绘制呢?难道要自己去一笔一笔的进行绘制吗?下面给大家分享几个设计网站
阅读量: 2.9k标签: 设计
纯CSS Material Design风格按钮
其实Material Design的扁平化icon按钮,这类型的按钮往往只利用几何色块的变化,就能抓住使用者的眼光,并且从几何形状中明白按钮的含意,这也是Material Design非常强调的设计理念和精髓。
阅读量: 2.3k标签: 设计
解密 Design System
设计系统的产生是为了某领域内产品在不同平台和设备上都保持设计和交互风格的统一。既然是一个系统 ,那必须具有相应的完整性,它为产品设计,产品内容等方面提供相应的指导
阅读量: 2.7k标签: 设计
网页设计需要学那些东西?
初次接触或者想要进入网页设计行业的朋友会经常分不清楚web前端与网页设计之间的区别,不知道网页设计要学什么,web前端要学什么,因此感到很迷茫?
阅读量: 2.6k标签: 设计