Design

移动端上的设计和适配

面对于不同移动设备,特别是针对于屏幕高度的设计和适配,一直是困扰着视觉和前端。特别是设计师和前端开发人员之间的协调,沟通的成本也随着增加。那么这篇文档,主要是用于移动端设计和适配(针对屏幕高度方面),希望通过文档的形式能减少设计师和开发人员之间的一些沟通成本,同时让前端开发人员用最低的时间成本来完成终端设备的UI适配工作。

Atomic Design原子设计 ┃ 构建科学规范的设计系统

最近在Medium上看到一个设计理念正在兴起,这个设计方法逐渐被国外一些大公司运用于创建有层次和成熟规范的设计系统中。笔者很兴奋地读了相关的外文文章,准备把这个非常棒的独角兽设计流程分享给大家。

[转载]设计师的DPI指南

本文是为“初学者”或者作为从一开始就想要学习更多跨DPI和跨平台设计知识的中级设计师准备的序言读物。没有复杂的计算和不可分析的图表,只是按照划分直截了当地将内容呈献给读者,便于读者理解或是直接运用到设计过程中。如果你发现有错误的地方,需要了解更多细节或者有任何问题或建议,请联系sgabriel.contact@gmail.com Twitter, G+ 或者 Facebook

创造夺目UI的7条规则(第二部分)

创造夺目UI的7条规则是一个系列文章,主要包括两个部分。总共包括七个设计规则:光来自天空、黑白优先、双倍空白、学习图片上放置文本的方法、使文本突出——或不突出、 只使用好看的字体和像艺术家一样偷师。这两篇文章在国外有关于UI设计引起很大的轰动性。特意将译文发出来与大家一起分享。最后非常感谢@李诺同学的分享。希望这两篇文章能给大家带来些许帮助。

创造夺目UI的7条规则(第一部分)

首先,这篇文档不是给所有人看的。给谁呢?急需自己设计UI的开发者、想让自己的作品看上去比Pentagon PowerPoint、漂亮的UX设计师。或者想靠自己的UI挣钱的UX设计师。如果你曾就读过艺术学校,或者已自称为一名UI设计师,你可能会感到这篇文档a.)枯燥,b.)错误,c.)气人。没关系。你的批评都是正确的。关掉Tab页,离开即可。让我来告诉你你将从这篇文章中学到什么。

美学探究之Flat Design

最近在网页以及UI设计领域的流行使用“flat design”。在这个时刻,Flat Design以其自身的争议性以及新颖,自然而然地成为了在这个时间段最热门的话题。一直以来,我总是醉心于极简化的东西,因此Flat Design审美概念的提出着实让我眼前一亮,两脚一蹬,兴奋的心情久久不能平静,特别是在我着手准备把在2010年创建的QuoteRobot重新进行改版的时候,“Flat Design”让我有了柳暗花明又一村的感觉。由LL根据的《The Flat Design Aesthetic: A Discussion》所译,给大家展示Flat Design是什么,设计师对它有着怎样的看法,最后再教你几招怎样才能把这类设计运用到你的作品当中去。

网页设计中的Steampunk思想

Steampunk在网页设计中是一个全新的名词,我一开始将其理解为复古。steampunk诞生于十九世纪中的幻想潮流当中,所以更容易被当作是一种特立独行的艺术设计流派。虽然我们对Steampunk这个词一无所知,但不要紧,接下来LL根据的《Steampunk in Web Design》所译,简单的向大家介绍了一些有关于Steampunk在网页设计中带来的视觉效果与影响。

新手指南——优秀平面设计师是怎样炼成的

作为一名想成为优秀平面设计师或网页设计师的菜鸟,我们通常都是通过从网上自学一些教程开始的。我们搜索一些我们想学的效果,像按钮效果的教程、排版、网页布局、插画等等。一路来我们最终无望,想着我们不可能成为那些我们看到的大牛,然后就这样止步不前。我想告诉你,不要看轻自己,记住吃得苦中苦,方为人上人。由Summer根据的英文文章原名《A Beginner’s Guide on How to Become a Better Graphic Designer》进行翻译,向大家介绍了如何让自己成们一名优秀的平面或者网页设计师。

Flat Design 与Skeuomorphism之间的战争——平面像素

Flat Design在本年度已成为前端设计的一个流行名词,许多新网站以及需要重新设计的网站都纷纷采用了扁平化设计的方案,这种趋势无论是在网页设计或者移动端的设计方面都已经蔓延开了。但skeuomorphism这个词可能很多同行朋友都并不太熟悉,其实我也是初次接触,维基百科说了:skeuomorphs是指原有物件中某些必需的形式在新的设计中已不再必要,但新设计仍模仿旧有形式,以使新的外观让人感觉熟悉和亲切。如果你对skeuomorphic一无所知,那么很显然,这说明你在这几个月来还没接触过这个被接近5000篇博客文章所介绍探讨的话题。因此,现在你更要好好把握住这个“进修”的机会咯!今天由LL根据的《The battle between flat design & Skeuomorphism——flat pixels》所译,介绍了flat design和skeuomorphic的对比,希望大家喜欢。

移动设计的新趋势——色彩

移动设计领域正发生着质的飞跃。但不得不说操纵移动设计最重要的因素是色彩。色彩之所以在移动设计领域没有那么快流行起来是因为人们在用色上不够大胆并没有充分利用它。幸好这种情况正在改变——因为色彩渐渐变成移动设计中不可或缺的元素并有了它自己的流行趋势。由Summer根据的英文文章原名《The new Mobile Design trend – Colour》进行翻译,此教程介绍了移动端的色彩运用。

页面

返回顶部