设计文章

不止于美:浅析信息图形设计

人在喝完可乐一小时内会有什么反应?高速发展的中国互联网在一分钟内会发生些什么事情?美国大选,川普和希拉里的支持率到底有多大差距?信息图带你一分钟搞懂这些事!随着经济技术的发展,信息化科技化速度越来越快,信息量的不断增加,使我们对于信息的整理与识别要求也越来越高。繁忙的工作生活下,如何使信息更为直观的提供给用户,信息图形设计在这种环境下应运而生。一. 什么是信息图形信息图形设

新姿势!用自然灵活的波纹曲线来柔化你的设计

相比于无处不在直线,曲线常常能让整个设计更加柔和一些。在网页和UI中,适时的加入波纹曲线这样的元素,能让界面更加自然,更加轻盈。波纹曲线的优势在于,它可以无缝地同各种不同的风格融合到一起,并且拥有调和不同的元素、不同风格的特性。作为一种基础的视觉元素,波纹曲线不仅仅在风格设计上有着独特的功用,而且在整个UI设计中还具备一定的功能性。在扁平化设计大行其道的今天,波纹曲线越来越

2017 年过半,设计师们都跟着这些趋势做设计

设计趋势直接反映着网页设计在技术和风格上的演化方向,也是大众在网页和UI设计审美上的风向标。2017年过半,网页和UI设计趋势也日渐明朗,几种不同的设计趋势也已经成为2017年网页和UI中必不可少的元素,这些元素主要体现在导航设计、配色和排版上,你会在今年的优秀的设计作品中看到。当然,和所有的设计手法一样,几乎所有的设计趋势都有其特有的使用场景,用来搭配不同的风格,应对不同

全栈设计师!零基础也能学会GITHUB 系列之提交代码

@googdev :之前的这篇文章「从0开始学习 GitHub 系列之「Git速成」」相信大家都已经对 Git 的基本操作熟悉了,但是这篇文章只介绍了对本地 Git 仓库的基本操作,今天我就来介绍下如何跟远程仓库一起协作,教你们向 GitHub 上提交你们的第一行代码!往期回顾:从0开始学习 GitHub 系列之「初识 GitHub」零基础也能学会GITHUB 系列之加入G

并不简单!网页中为你指路的面包屑到底应当怎么使用?

编者按:面包屑是我们熟知的一种导航工具,它们往往出现在页面内容的上方,告知你所处的位置。它小巧,方便,常见,且简单。可是即便是这样的UI控件,在设计上同样是有讲究的,今天咱们就来聊聊面包屑吧~作为一种辅助导航系统,面包屑能够帮助用户清晰的定位到自己所在网站的位置。这个词源自于童话中跟着面包屑回到自己家的孩子,而网页中的面包屑也是帮助用户找到自己位置的UI控件。 面包屑通过路

阿里干货!衡量交互设计方案标准的五层总结

鸿影:好的交互设计方案究竟应该是怎样的?为什么自己看来已经做得很完美的交互文档,拿去评审就被挑战得一踏糊涂?为什么细节考虑都很完善周到了,可总让人觉得缺失了什么?在几次「不太愉快」的设计评审经历后,我便有了给自己梳理一个交互设计全流程自查标准的计划,因为种种原因拖延到这周才完成初次系统整理,在此分享给大家,也欢迎指出我的错漏与不合理之处。第一层:目标相关性、流程完整性、整体

优酷发布红蓝 CP 的新 logo,重要的是开启下一个十年

酷 logo 如约全线换新,新 logo 延续了之前的红蓝配色组合,去掉了中文的“优酷”,而把拼音 logo“扶正”作为了主体,线条交叉处重叠出来的红点和蓝点也成为重要的元素。今年 9 月,优酷曾经预告了将会启用新的 logo,时间定在 100 天之后,优酷 logo 如约全线换新,新 logo 延续了之前的红蓝配色组合,去掉了中文的“优酷”,而把拼音 logo“扶正”作为

三大点,浅析结构化设计思维

这期文章,我想引入一个知识点:结构化设计思维。这篇文章是在我拜读《结构思考力》这本书之后的想法,并结合自己的设计经验将一些在工作中用到的方法做一个系统的归类。很多同学在进行设计的时候往往知道设计方案却无法系统和结构化,这导致了当设计目标和场景变化的时候就无法将设计运用自如。比如针对目前公司的产品,你可能很快就能出几个设计方案,这时候让你换一个产品做设计,你会发现无从下手,好

圣诞节福利!8 款节日气氛强烈的中文字体打包下载

@汉仪字库 :圣诞进入倒计时,全世界人民翘首期盼准备节日嗨翻天!此时,作为设计师的小伙伴们是不是正在紧张激烈的赶着设计稿呢!福利来了!小编带着字体大礼包前来支援,8款精选字体,同大家一起引爆圣诞,“趣”你的圣诞节!注:文末有打包下载,也可以直接跳到汉仪官网下载。我们先来看几款独具趣味性的精选字体:汉仪跳跳体下载个人非商用版(www.hanyi.com)汉仪夏日体下载个人非商

教你用 Sketch 设计超赞的 Icon

译者按:新手向教程,大神请绕路~~本文非常基础,相信即使是从未用过Sketch的同学,也能轻松做出这几个图标,来尝试一下吧!虽然Sketch主要是设计用户界面的软件,可是用来设计icon也同样顺手。这正是我们将要做的,我会一步步指导你设计出下面三个图标。 我们将要完成的图标准备工作我们首先按 A ,创建一个矩形画板。在左侧的 Layers List 里面将这个画板命名为“