我要反馈问题

加入众成翻译官方交流群(群号:362419683)

关注《奇舞周刊》微信号
阅读更多精选前端技术文章

友情链接

猿说:互动氛围更好的IT交流学习平台

互动氛围更好的IT交流学习平台

立即访问
声享:制作精彩的有声幻灯片

使用声享在线PPT快速制作分享优质内容

立即体验

京ICP备17024260号

一只叫做兰胖的食人魔魔法师

从英雄到坏蛋的15个配色方案

1083阅读 · 一只叫做兰胖的食人魔魔法师 2017-10-19翻译  
Design

迪斯尼公司于1923成立,他们的第一部长片电影——白雪公主与七个小矮人于1937年发布。关于白雪公主有一个最有趣的地方,她是迪士尼世界中最能代表“善良”的角色。 在故事中,邪恶的王后嫉妒有着雪白的皮肤和被称为“世界上最美丽的人”的白雪公主。角色的主要颜色或亮度有助于...

anjia

看看别处 – Signal v. Noise

445阅读 · anjia 2017-10-10翻译  
Design Inspiration

不要盯着你的行业,可以看看不同的方向 你有没有注意到 Instagram 最近越来越像 Snapchat 了?当然你注意到啦。当公司之间存在竞争关系的时候,他们往往会相互借鉴。这是一个大而偏执的循环。 在软件方面,人们经常从苹果公司那里寻找设计灵感。这是合乎情理的,因...

myvin

一些知名网站的 404 页面

1094阅读 · myvin 2017-09-20翻译  
Design 404 前端 Front-end Developer

google.com . youtube.com . facebook.com . reddit.com . muz.li . . amazon.com . vk.com . linkedin.com . imgur.com . aliexpre...

弈晨

在谷歌为开发者做用户体验设计是一种怎样的体验?

2376阅读 · 弈晨 2017-08-31翻译  
Google UX Design Developer

本文通过对 Flutter 的学习来阐述 当人们谈及 UX (User Experience, 用户体验)的时候,通常都是在谈论他们习以为常的消费级产品:智能手机、聊天 App 或者是耳机。 其实用户体验也关注你为开发者们做点什么的时候。人们太容易忘记开发者也是用户...

一只叫做兰胖的食人魔魔法师

我是如何在没有学历和工作经验的情况下得到UX设计工作的

1121阅读 · 一只叫做兰胖的食人魔魔法师 2017-08-01翻译  
UX Design

在我刚开始从事UX设计师的过去的几个月中,有很多人问我是如何在没有学历和工作经验的情况下得到这份工作的。随着市场日趋饱和,我想分享一下我的故事,来鼓励那些想从事的设计工作的人去继续追求自己的梦想。 先说一下我自己吧,我本科毕业于韦尔斯利大学,化学专业。曾在一家护肤品...

在寻找幸福的路上

原生JavaScript中的MVC模式 —来自 SitePoint

726阅读 · 在寻找幸福的路上 2017-07-23翻译  
MVC Design Pattern

设计模式广泛应用在流行框架中. 比如说The Model-View-Controller (MVC) 设计模式, 就是一个备受欢迎的例子. 在JS中很难将把框架从设计模式中解耦出来,通常情况下,一个流行的框架会有自己对设计模式的解释. 框架也伴随有一些思想,这些思...

flyback

10个现代软件开发过度设计上的错误

1034阅读 · flyback 2017-01-07翻译  
OAuth Engineering Design

有些事情总是会增加的:两颗星星之间的距离,宇宙中的熵值,还有客户对软件需求!很多杂志都说不要过度设计,但是并没说为什么,这里列举了十条清楚的观点。 重要提醒: 以下的一些观点像“不要滥用泛型”常常被误解为“不要使用泛型”,“不要创造不必要的包装类”被认为“不要用包装...

张大侠

Sass: 维护样式代码的目录结构

1534阅读 · 张大侠 2016-12-06翻译  
CSS Design UI

随着项目规模的不断变大,模块化的目录和文件结构的需求与日俱增。尤其是当你想将你的代码适用于其他的项目、或者横跨一个或多个项目中的组件和模式、或者是分享给他人的模板中时,这显得尤为重要。 2-乙醇分子结构 上周我谈论到@import命令以及如何使用它来编写可维护性的文...

cherryvenus

设计系统的CSS结构

1269阅读 · cherryvenus 2016-12-01翻译  
CSS Design UI

我们刚刚给一个大型机构搭建了一个设计系统并且创建了一个让我们十分满意的CSS架构。这是第一次,我们在最后期限前完成任务,并且没有希望我做一些不同的东西。因此,我认为这是一个非常好的分享机会,告诉大家我们如何搭建系统CSS架构的。 给项目一点背景,我们开始搭建一个设计系...

Sm1les

关于更好地设计API接口的8条建议

1359阅读 · Sm1les 2016-11-17翻译  
API Design SSL

我已经看过很多API设计相关的文章和优秀的REST API设计教程。他们通常讨论的是适当的编码技巧和如何在给定的语言中暴露接口。尽管那些是很有用也是很需要的,但是他们经常忽略了一些能让API工作得更好的想法。在这篇文章中我将给出已经在API服务公司的项目中实践的8条...

旭日云中竹

你应该了解的4种JS设计模式

2027阅读 · 旭日云中竹 2016-10-20翻译  
JavaScript Design Design Patterns

2016-10-07 每个JS开发者都力求写出可维护、复用性和可读性高的代码。随着应用不断扩大,代码组织的合理性也越来越重要。设计模式为特定环境下的常见问题提供了一个组织结构,对于克服这些挑战起到至关重要的作用。 JavaScript 网页开发者在创建应用时,频繁...

joy_yi

身份危机:我是设计师还是开发者?

1329阅读 · joy_yi 2016-10-06翻译  
Developer Design CSS

我的名字是詹姆斯,我挺过了一次职业身份危机。 在过去我总是很困惑,不知道应该是以前端开发者的身份、还是以设计师的角色去向别人介绍自己,我会就谈话情形和交谈对象作相应介绍。 申请去设计工作室工作,我觉得自己更像是一个设计师。但参加一个软件架构师的面试,我却会说,“我是...

万能的小芳芳

MinMaxing:理解CSS中的vMin和vMax

1973阅读 · 万能的小芳芳 2016-09-26翻译  
CSS Mobile Design

在以前浏览过的文章当中(点这查看),我发现了很有用的CSS单位:vw和vh。但与其相关的单位vmin和vmax却远不为人知,且知之甚少。这是非常不幸的,因为在web开发当中,它们拥有一些非常新颖的用例。 正如我之前所讨论过的,1vh等于当前viewport高度(即打开...

kayson

设计更好的表单

2883阅读 · kayson 2016-09-08翻译  
Design Data UI

设计师通常犯的错误以及如何改正它们 无论是注册流程还是多视图分档器(multi-view stepper,什么鬼?),或者是单调的数据录入界面,表单是数字产品设计中最重要的组件之一。本文主要讲述表单设计的常见注意事项。记住,这些是一般意义的指南,每条规则都有例外。...

shery

4分钟学会网页样式

6444阅读 · shery 2016-09-07翻译  
Web Design Web Design

比方说,你想要在自己网站上分享一个产品,或者是一个作品集,又或者仅仅只是一个灵感。在你发布到网上之前,你想让它看起来有吸引力,专业,或者至少得看起来像那么回事。 那么你接下来该做什么呢? 文本 设计的目的是为了增强它所应用到的内容的表现形式。这看上去是显而易见的事,但...

网瘾少年

70个老司机技巧教你更好的进行CSS编程

8808阅读 · 网瘾少年 2016-09-05翻译  
CSS HTML Design

70个老司机技巧教你更好的进行CSS编程 Posted on July 13th 2015 CSS 并不总是容易处理。 在你的能力和经验不够的时候,CSS编程会成为一个噩梦,特别是你不确定为页面元素中选择哪种选择器的时候。使用一个不常见的CSS属性以实现更好的语义化,...

kayson

在大型项目中组织CSS

1979阅读 · kayson 2016-09-04翻译  
CSS HTML Design

在大型项目中组织CSS 编写CSS容易。 编写可维护的CSS难。 这句话你之前可能听过100次了。 原因是CSS中的一切都默认为全局的。如果你是一个C程序员你就知道全局变量不好。如果你是任何一种程序员,你都知道隔离和可组合的模块是构建可维护系统的关键。 为了试图帮助...

liujianhuanzz

UI设计之按钮:风格演变和最佳实践

2067阅读 · liujianhuanzz 2016-08-23翻译  
UI Design UX

按钮是一个交互设计中普通的常用元素。虽然按钮是一个非常简单的元素,而且在过去数十年对于它的设计也经历了多次变化,但是对于按钮的用户体验设计仍然是认知与清晰的问题。 在本文,我们将综述按钮设计上的风格演变,同时找出在创建一个极具效果的按钮(译者注:用户体验好的按钮)的过...

MinweiShen

用户记忆设计:如何设计印象深刻的用户体验 | Viget

1534阅读 · MinweiShen 2016-08-22翻译  
Design UI Slack

理解体验和记忆之间的不同,可以让我们成为更成熟的用户体验设计者。 Twitter Facebook Linkedin (该文章获得了Smashing Magazine的授权,可发布在不同平台) 下面的2张图表改变了我思考的方式。通过再现一个1996年的...

camiler

14个激发创造灵感的资源

1313阅读 · camiler 2016-08-18翻译  
Design

打个比方。你正站在1000英尺的墙角,巴巴的望着。不能翻越。无可否认这完全不能逾越。你目测不到顶点,可能这堵墙有10000英尺呢。 我们都知道这堵墙是什么意思。我们每个人都会面临困境,当然我们每个人面临的困境有不同名称。江郎才尽,才思枯竭,精神压抑,遭受重创,拖延症....

ZenDay

通过风格指南驱动的开发设计模块化 UI 系统。

1375阅读 · ZenDay 2016-08-18翻译  
UI Design Bootstrap

使用风格指南来驱动开发作为一种实践正在获得许多在前端开发领域的关注 —— 当然是因为好的理由。开发者们将从风格指南开始,添加新的代码或是更新现存的代码,从而促进一个随后被整合进应用中的模块化 UI 系统。但是为了实现模块化 UI 系统,我们必须以模块化的方式实现设计。...

poppinlp

大型项目中结构化的 CSS — Peergrade.io — Medium

919阅读 · poppinlp 2016-08-10翻译  
CSS HTML Design

书写 CSS 是很容易的。 书写可维护的 CSS 则困难很多。 这个观点你也许已经听过不下 100 次了。 原因在于 CSS 中所有东西默认都是全局的。如果你是一个 C 程序员的话你应该知道全局变量是多么的蛋疼。其实无论是你什么程序员,你应该都知道独立并且可组合的模...

hpoenixf

我们的构建方式:Airbnb设计

1326阅读 · hpoenixf 2016-07-21翻译  
Design Photoshop Sketch

这篇文章是关于Airbnb的新设计语言系统的系列文章的开始。点击这里阅读其他的连载。 很久之前,我就想在屏幕面前创造一些东西。我从利用代码进行实验,测量形状和单词的像素大小开始。我变成了一个工程师。工程师创造东西,可以给概念带来生命。 随着时间的流逝,工具的出现让我可...

Toogee

关于设计灵感的问题

969阅读 · Toogee 2016-07-20翻译  
Design Photoshop Sketch

以下是我在旧金山设计周和 VMA re:think Design上讲的内容。 如果我问谁发明了电话,你一定会说Bell。Bell确实持有电话的专利,却并不是唯一的发明者。事实上,Bell只是这54年中想到发明电话的其中一个。 半个世纪多中,有很多人构思设计电话并记录下...

hi

大型项目中的结构化CSS

2552阅读 · hi 2016-07-13翻译  
CSS HTML Design

写CSS很容易。 写持续可维护的CSS则很难。 你也许听说过不下100 次了。因为在CSS中默认都是全局的申明。如果你是个C的程序员你知道全局变量是糟糕的。同时不管你是什么程序员,你该了解独立及可组合的模块是一个可维护系统的关键所在。 已经有很多CSS指南帮助人们构建...

zhouweicsu

应变而变

4376阅读 · zhouweicsu 2016-07-05翻译  
Design Web jQuery

本网站现在是响应式的。与弹性图片、弹性布局和媒体查询一起工作的越久,我越喜欢他们所能取得的成果。 在重新设计 Do Lectures website 网站的过程中,我对“响应式方案是否应该与设计以及 Paravel 的工作流(Paravel 是作者所在的公司,一家位于...

betsey

SVG和Canvas的纠结----1像素问题

1131阅读 · betsey 2016-07-01翻译  
SVG Design

SVG和Canvas的纠结----1像素问题 作者博客, 25 January 2010, SVG 和 canvas作为两种极为出色的技术,正在改变着我们在web上使用图形的方式。我喜欢使用这两种技术,而且现在对他们的支持也在逐步地改善。(IE...

MinweiShen

怎样问出能得到很棒的回答的编程问题

1257阅读 · MinweiShen 2016-07-01翻译  
Github Design CSS

你是否有过问了一个代码相关的问题但没有得到任何回复的情况?即使你得到了回复,在你得到有用的答案前,你们有没有来来回回多次地进行问题的澄清? 这样的情况经常会发生。 之所以会发生这样的情况,是因为你问的问题不够好以至于别人无法立即回答你。在这篇文章中,我会帮助你学习提出...

betsey

字体排版手册

3224阅读 · betsey 2016-06-29翻译  
Web Web Font Design

字体排版手册 最佳WEB字体排版实践的简明指导手册 目录 简介 字体排版设计 视觉层次 字体排版中的格式塔原则 字体 选择字体 使用web字体 字体加载 OpenType的特性 Web 样式指导 相对大小 容器 字体尺寸 垂直间隔 颜色 下划线 总结...

MinweiShen

怎样设计让人讨厌的产品

1242阅读 · MinweiShen 2016-06-29翻译  
Design PostCSS UX

SitePoint Design 作为一个设计者, 你有没有被要求过去设计一些人们讨厌的东西?一些就是让人远离某个产品的设计? 我猜没有。 然而这就是市场调研/UX调研公司GfK在2012年接下的一个奇怪的任务。在澳大利亚,是如此不鼓励吸烟,以至于立法机构要求所有的香...

玩命加载中……
已经到底啦