网络

通过样式指南驱动的开发设计模块化 UI 系统

使用风格指南来推动开发是一种在前端开发中获得很大吸引力的做法——而且有充分的理由。 **开发人员将从样式指南开始**通过添加新代码或更新现有代码,从而为以后集成到应用程序中的模块化 UI 系统做出贡献。 但是为了实现模块化的 UI 系统,我们必须以模块化的方式进行设计。 模块化设计鼓励我们以模式思考和设计 UI 和 UX。 例如,我们不会设计一系列页面或视图来让用户完成任务,而是通过了解 UI 系统的结构以及如何使用其组件来创建用户流程来开始设计过程。

阅读更多

地图设计:重新设计叶卡捷琳堡的地铁地图

一个大型的都市地下火车网络也可能是一个传送设备:人们并不关心它是如何将他们从 A 带到 B,只是它确实如此。 在伦敦、巴黎和莫斯科,地铁地图没有显示地表地理,因为图纸上没有太多空白区域。 设计一个城市的地铁地图是一项相当具有挑战性的任务,即使只有一条线路。 去年,我和我的同事 Pasha Omelekhin 很高兴能够重新设计俄罗斯叶卡捷琳堡的地铁地图。 我们玩得很开心(他设计,我指导)。 在本文中,我们将介绍我们的设计过程。 这将是详细的,因此,根据您的兴趣,这可能非常无聊或非常令人兴奋。 尽管如此,我们还是遗漏了很多。 如果您必须从事类似的项目,我们希望这会有所帮助。

阅读更多

头脑风暴产品的框架

头脑风暴因非结构化且通常无法操作而臭名昭著。 人们带着一些便利贴和白板进入一个房间,并期待伟大的想法发生。 问题是,即使房间里有很棒的想法,通常也没有明确的方法来决定对哪些想法采取行动。 大约一年前,我和我的同事 Michael(AJ&Smart 的创始合伙人)参加了由出色的 Adrian Howard 主持的关于敏捷开发中功能优先级的大师班。 更具体地说,我们问的是如何决定下一个功能以及何时发布。

阅读更多

如何在不伤害忠实用户的情况下推出新功能

_“敏捷; 提前释放; 经常释放。”_我们知道演习。 但是,经常推出功能在战略上是否明智? 尤其是当您正在构建的产品达到一定规模时,您可能不想在每个新的次要版本中冒着应用程序完整性的风险。

阅读更多

Web 开发阅读清单 #141:jQuery 3、Chillout.js 以及技术如何塑造社会

有几个星期我根本找不到 Web 开发阅读列表的“超越”部分的文章。 然后有像这样的几周,两件精彩的作品展示了很多关于**我们如何与新技术一起生活**以及它如何塑造我们的社会。 连同一堆优秀的技术文章,这是让您在接下来的两周内离开的好方法。 请注意,我下周将休假,所以下周五不会有总结。

阅读更多

找个朋友,激发你的创造力,让你的数字梦想成真

你对某事充满热情吗? 你有一个秘密项目吗? 不会改变世界的东西(虽然谁知道呢?),但肯定会_改变你_? 你有朋友可以补充你的技能吗? 最近有没有人向你寻求他们项目的帮助? 您只是有一个数字梦想,还是有计划实现它? 每个专业人士都有一些共同点。 它被称为舒适区。 你进入其中的第一个迹象是当你看不到地平线上的挑战时。 您几乎知道要表现出色所需的一切,如果遇到任何不熟悉的事情,可以很快解决。 可能需要一段时间才能意识到你已经停止了行动,而从事自​​由职业项目似乎是让你的大脑保持忙碌的唯一方法。

阅读更多

了解现代 WordPress 服务器堆栈

**编者注**:_今天对 WordPress 来说是一个特殊的日子。 为许多网站提供支持(是的,Smashing Magazine 就是其中之一),今天庆祝它的 13 岁生日。 生日快乐,亲爱的 WordPress! 还有更多!_ 你还记得你什么时候可以只用一个 Apache 服务器和 PHP 运行一个“快速”的 WordPress 网站吗? 是的,那是那些日子! 那时的事情要简单得多。 现在,一切都必须以闪电般的速度加载! 访问者对加载时间的期望与以往不同。 缓慢的网站可能会对您或您的客户产生严重影响。

阅读更多

网络图像效果性能对决

随着浏览器不断提高其图形渲染能力,在其中进行真正设计的能力越来越成为现实。 几行代码现在可以产生快速而戏剧性的视觉效果,并且**无需太多努力即可实现一致性**。 与 Web 开发中的大多数事情一样,通常有很多方法可以达到相同的效果。 在这篇文章中,我们将看看最流行的图像效果之一,灰度,并评估 HTML 画布、SVG、CSS 过滤器和 CSS 混合模式的易于实现和性能影响。 _谁会赢?_

阅读更多

改善图标设计的 6 个简单步骤

提交给 Iconfinder 的每个图标集都经过审查和评估,以了解对我们网站用户的潜在吸引力以及作为高级图标的潜在商业价值。 在审核提交给网站的图标集时,我们对我们的设计师和客户有责任确保网站上的所有高级图标都具有最高质量。

阅读更多

内容优先原型

内容是数字经济的核心商品。 它是我们打造奢华体验的黄金,是我们在忠诚度计划和追加销售中封装的钻石。 然而,作为设计师,我们经常在事后将其插入。 我们将我们的交互和视觉设计原型化到筋疲力尽,但接受“真实的文字”可以稍后再加入。 有一个更好的办法。 我们创造的数字商品越来越多地在内容、功能、代码和意图的动态系统中运行。 我们的产品和服务漂移并溢出到合作伙伴网站、社交媒体源和无数电子聚合器中,所有这些都在寻求塑造访问者的行为和理解。 **系统建立在系统之上**,而且,在短期内,我们拼凑出一个巨大的庞然大物,其广度令人难以置信。

阅读更多