你所不知道的 CSS 滤镜技巧与细节

2017-10-29 释然 前端技术资源

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里 本文主要介绍 CSS 滤镜的不常用用法,希望能给读者带来一些干货!  OK,下面直接进入正文。本文所描述的滤镜,指的是 CSS3 出来后的滤镜,不是 IE 系列时代的滤镜,语法如下,还未接触过这个属性的可以先简单到 MDN — filter 了解下: {  &...

阅读全文>>

标签: CSS 你所不知道的 滤镜技巧与细节

评论(0) 浏览(87)

从事前端开发必须要了解的CSS原理

2017-10-29 释然 前端技术资源

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里 一、浏览器的发展与CSS  网页浏览器主要通过 HTTP 协议连接网页服务器而取得网页, HTTP 容许网页浏览器送交资料到网页服务器并且获取网页。目前最常用的 HTTP 是 HTTP/1.1,这个协议在 RFC2616 中被完整定义。HTTP/1.1 有其一套 Inter...

阅读全文>>

标签: 从事前端开发必须要了解的CSS原理

评论(0) 浏览(82)

Web前端:11个让你代码整洁的原则

2017-10-29 释然 前端技术资源

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里 写Web页面就像我们建设房子一样,地基牢固,房子才不会倒。同样的,我们制作Web页面也一样,一个良好的HTML结构是制作一个美丽的网站的开始,同样的,良好的CSS只存在同样良好的HTML中,所以一个干净的,语义的HTML的优点很多,那么平时制作中,我们做到了这一点吗?我们一起来看一张图片: ...

阅读全文>>

标签: 11个让你代码整洁的原则

评论(0) 浏览(85)

8个强大的基于Bootstrap的CSS框架

2017-10-29 释然 前端技术资源

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里 做过前端开发的小伙伴们应该对Bootstrap不会陌生,它是由Twitter推出的开源CSS框架,其中包含了很多Web前端开发的工具包和应用组件。当然,和jQuery一样,Bootstrap同时也是一个开放式的CSS框架,基于Bootstrap,我们也可以做许多不错的CSS UI组件。本文就介绍了8个强...

阅读全文>>

标签: 8个强大的基于Bootstrap的CSS框架

评论(0) 浏览(104)

学会给配色做减法,让你的设计更加高端!

2017-10-27 Daisy 设计理念

UI设计的一个基本原则就是避免页面中出现过多的颜色,这个道理大家都懂,但是在真正自己设计的时候总是会下意识的引入过多的颜色,导致整个界面看起来非常的杂乱。所以对于设计师来说,学会给界面的配色做减法是很重要的一项技能。

配色体系的目的

给一款产品建立配色体系之前,设计师首先要弄明白的是:我为什么要建立配色体系?这个问题听起来十分多余而且稍显无厘头。但是在我看来,每次做东西之前常问自己为什么可以更好的提高工作效率。只有真正理解了配色的意义,我们才可以做到有的放矢,进行有选择性的删减。

阅读全文>>

标签: 设计理念 配色方案

评论(0) 浏览(89)

国外网站中搜寻体验到的13种Hover状态

2017-10-27 分享达人 ui界面欣赏

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里 Hover的英文意识是“盘旋”。 在网页中,鼠标的Hover就是鼠标在网页中的动作,当鼠标移动到某些对象上时,这些对象的状态会发生改变,用来提醒:“这里是可以点击的”或者“你的鼠标目前在这个位置”等等。 Hover状态的基本作用就是给用户反馈,让用户知道...

阅读全文>>

标签: 万达主管,万达主管QQ国外网站中搜寻体验到的13种Hover状态

评论(0) 浏览(125)

今年的双11品牌设计,官方首度揭秘背后全过程!

2017-10-26 Daisy 设计理念

编者按:一年一度的双十一全球狂欢节来了!相信大家之前也通过各种途径看到了双十一的品牌渗透,之前也有过不少猜想,今年双十一品牌到底在玩什么,背后的思考是什么?今天阿里官方设计师首度向大家揭秘双十一品牌设计的心路历程。

当设计师接手这个任务的时候,就意识到这项挑战的艰巨。历届双十一所展现出来的设计水准之高,意味着今年双十一品牌设计的难度之大。今天展现出来的双十一品牌,绝不仅仅只是设计一个Logo,(当然,有经验的设计师都知道,要设计一个打通所有关节,上下贯彻的Logo,本来就很不简单)而是既要体现业务策略,又能够有效、有趣的完成与消费者之间的沟通。在这之中,Logo是所有品牌策略和创意的汇聚提炼,又是整个双十一品牌延展设计的原点,纲举才能目张。要了解双十一品牌的始末,我们的故事就得从Logo说起。

阅读全文>>

标签: logo设计 双十一

评论(0) 浏览(77)

配色和字体都很棒,但为什么界面看着不高级?

2017-10-25 Daisy 设计理念

为什么要使用间距?

我一直认为设计师做东西的时候一定要「较真」,你在设计过程所做的任何决定都要问自己为什么,多思考。做到有的放矢,这样会少走很多弯路,也更容易成长。

那么如果我们想了解间距乃至更加规范的使用间距,首先我们要明白为什么要使用间距。间距的使用有很多作用,可以吸引用户注意力、提升内容的可读性,阐述元素之间的关系。其实简单来说,间距的作用可以归纳成一句话:建立视觉层级来简化界面内容,让用户更容易接受。

阅读全文>>

标签: 界面设计 间距

评论(0) 浏览(152)

讲好一个故事,优秀的用户体验设计由此开始

2017-10-24 Daisy 交互设计及用户体验

故事常常能够让UX设计的潜能得以完全发挥,吸引用户,让用户更轻松地完成用户历程,并且最终强化产品的转化率。

在设计移动端APP和网页的时候,将故事融入到UX设计当中,能够让产品的某些特征或者体验,让用户难以忘怀。所以,你会看到许多优秀的网页,借用故事将复杂的数据转变为易于理解的内容。

借用UX故事,设计师将信息最终整合、设计为让用户不抵触、甚至乐于去拥抱的内容。仔细想想,我们小时候就是在父母的床头故事中沉沉睡去的么?深沉的道理、人生的智慧和神奇的构思,都通过故事得到了呈现,并在在之后人生中的某一刻嬗变,点亮黑暗。这就是故事的力量。好的故事总会让你有更多期待。

阅读全文>>

标签: 用户体验

评论(0) 浏览(77)

上亿人使用的百度贴吧,是这么做设计改版的!

2017-10-23 Daisy 设计理念

随着产品的发展和用户群体的演变,用户对产品的认知也在发生变化,当用户认知和产品形象发生偏差时,体验升级就势在必行了。而用户对产品的认知大概体现在视觉感受(品牌形象)和使用感受(交互操作)上。对此我们从用户出发寻找设计上的突破口。

一. 洞察用户让设计有的放矢

视觉感受对于大多数人是一种难以言说的东西,难以通过简单的方式得到答案。面对这个问题,我们选择迎难而上,通过精巧的实验、可视化的方式来解决,邀请用户与设计师一起,参与到品牌升级中。以达到体验升级的同时,使贴吧品牌形象与用户的理解、期望更加贴合。

阅读全文>>

标签: 设计改版

评论(0) 浏览(67)

Powered by emlog 京ICP备12006971号-1 sitemap
友情链接:测试  guoqibee.com  万达娱乐招商QQ  万达娱乐直属  万达注册  万达直属QQ  万达招商QQ  万达主管  万达娱乐  万达登录