首页 >知识讲堂 >设计知识>如何用编程思维快速完成产品设计?

如何用编程思维快速完成产品设计?

2020-11-27 11:02:23 阅读(182 评论(0)

人们普遍认为,过程和工具并不重要,重要的是思考和思考。尽管如此,我认为过程和工具也能反映设计师的设计态度和个人思维方式。愿意折腾和改变的设计师在接受新的设计理念和趋势时往往更容易适应。本文作者BenjaminBerger是一位来自法国的互动设计师。在这篇文章中,他介绍了常用的设计工具,发现了这些工具协作的缺点,并提出了他基于原子设计思维的进一步想法。你愿意和他讨论吗?如果我们称2015年为设计工具井喷之年,应该不会有太多异议。数据显示,目前约有34.7%的Medium文章(超过三分之一)与设计工具有关。但人们仍然习惯于使用静态图形工具来制作界面。当我仍然使用本地存储照片并重新设计每个组件时,我无法理解程序员只写三行代码,然后不断使用真实数据衍生出其他模式的行为。以下是我常用的设计工具:Sketch:常用于制作线框、界面,偶尔绘制图形。Illustrator&Photoshop:用于图标设计、图形绘制、照片编辑等,但任何不适合Sketch处理的人都会考虑两者。Invision:用于制作简单的线框原型。Principle&AfterEffect:用于制作交互复杂的原型。(Principle仍在内部测试中,您将在公开后获得更多关于该工具的信息)Zeplin:协助设计师配合前端开发。我认为Sketch和Zeplin之间还有很大的差距需要填补。一旦概念设计和线框完成,就需要考虑视觉定义,从创意到产品开发都会经历几个阶段。主页的布局和视觉风格需要反复尝试才能找到最适合目标用户的一套,并能从竞争产品中脱颖而出。我称之为创意阶段。Sketch的故事板特别容易使用。您可以在设计草案之间快速迭代,尝试不同的图形、按钮和字体,然后将它们放在一起,依次查看。进入下一步:产出阶段。之所以被称为产出阶段,是因为此时视觉定义已经完成,字体、颜色、布局、形状等元素已经确定。下一步是输出几页高精度视觉草稿,即著名的主页、设置、朋友列表、个人信息、关注、启动页面等。我习惯戴耳机听音乐来处理它们。所以问题来了,从一个页面开始完成所有的页面设计,不仅要花费大量的时间,而且很容易消耗脑细胞。Sketch受到设计师的青睐,对这类批量生产类工作无能为力。更糟糕的是,有时候,即使视觉语言没有定义,这些页面仍然需要设计,在现有项目上设计新功能,或者将当前项目移交给后续设计师。2015年,我仍然尝试组合不同的工具并记录其规则。当被问及编程思维是否会写代码时,我回答说:“不,但稍微了解一下代码原理。“对我来说,了解我的设计是如何以技术方式实现的,因为它不仅能让我设计出更可行的产品,还能提高我的创造力。我学会了Javascript的基础和PHP/Mysql的逻辑,以及HTML/CSS。我习惯于经常与开发团队沟通,以了解他们的工作内容。我知道iPhone的应用程序由许多不同的视图组成,数据如何迁移和转移,以及我应该如何图形化地表达它们。这些让我从图形元素结构的角度来看待产品,而不是用代码编辑器的模糊印象来找出实现的方法,而是理解它们是如何构建和相互影响的,就像一个大谜一样。一旦你开始用编程思维思考设计,你就开始分析产品的每一个图形元素,这就是所谓的原子设计思维。简单地说,每个物体,如字体、图片、图标或按钮,都被称为原子。然后原子可以像细胞(列表条目)一样形成分子。一堆细胞变成一个组织,即列表。如此反复。在我公司,前端开发通常制定一套全景规范来描述产品的各种设计原子、分子和组织。我喜欢想象乐高积木的设计(我的朋友形容设计学校就像幼儿园一样,只是说设计原子按积木拼写…)。但我需要将这个过程直接适应到视觉设计工具中,以提高我的设计工作的一致性和效率。如果所有的设计原子都可以设计在一个面板或故事板上,它们会自动处理,而不用担心对齐、字体、颜色等。想象一下,如果原子设计规范能不断传递给下游设计公司,那该有多美。Matejhrescak开发了一个Sketch插件,可以快速设计组件,这对我来说只是一个好的开始。我希望继续升级它。一旦视觉语言确认了工作原理,您可以制作一个单独的文档来处理规范,并删除软件中的其他无用信息。第一步是设置颜色、主字体、图形、边距和空白。第二步,开始设置更精细的原子:标题、文本字体、按钮和输入框。最后,在故事板中制作基本的文本和图层:然后通过右键给出预设的样式。矩形会自动嵌套预设的风格,就像你手动编辑标签一样。通过设置边距,按钮会根据标签文本的长度自动适应,故事板的内部元素可以通过空白设置自动对齐。我们还可以设置更复杂的组织(如导航栏)来保持各地的一致性。在此基础上,可以添加更多的功能,使页面、列表和卡片可以通过设置每个元素自动生成。所有元素都会自动应用改变设计设置。这样可以很容易地测试不同颜色、字体风格等效果。界面模板套件的制作将不费吹灰之力,可以通过预设原始组件来实现。在从事移动设计三年后,我仍然能清楚地记住导航栏的准确高度。当然,在设置一些元素时,我们也可以及时提供一些可用的提示,如颜色、字体对比、响应元素的快速制作、调色板等,而不用担心太多的细节。目前,Sketch已经能够通过文字样式制作符号(symbol),Photoshop通过智能对象完成这些工作,但还远远不够。你怎么认为?你怎么想?

以上就是关于如何用编程思维快速完成产品设计?的相关介绍,更多如何用编程思维快速完成产品设计?相关内容可以咨询我们或者浏览页面上的推荐内容。我们将让你对如何用编程思维快速完成产品设计?有更深的了解和认识。

内容来源:网络,以上内容来源于网络,不代表本站观点,如有侵权,请联系删除。

推荐阅读

想要自己搭建网站,网站发布流程是什么?

随着现代网络技术的不断进步和持续发展,人们已经告别了书信传递信息的时代。现在人们需要知道什么样的头条和信息,只需要通过计算机网络,就可以实现通信、娱乐、看新闻、交友等。网络使我们之间的距离越来越近,互联网上的网站…查看详情

html5网页如何制作

h5网页制作软件?maka编辑器手机版是一款强大的模板设计软件,让你可以通过这款应用快速打造出自己喜欢HTML5项目,方便你随时随地创作管理,一键生成,媲美专业设计师,让你的营销更有个性,MAKA,做出好设计。是兼顾H5、海报、视频、邀…查看详情

简易公司注销怎么办理手续

  公司简易注销和普通注销的区别?  1、适用企业不同  简易注销主要适用于公司注册后未开展经营活动,且无债权债务的有限责任公司、个人独资企业、非公司企业法人、合伙企业和个体工商户这五类企业。普通注销则适用于其他已经…查看详情

2022最建议买的手机 2022年手机像素排名

大家在选购手机的时候,会根据自己的需求去选择,有的人想要购买一款拍照清晰的手机,那么我们就需要根据像素这方面做选择,大家可以先了解一下像素好的手机排行榜有什么?1、一加11Pro是一加和哈苏携手共建的第2代手机影像体系哈苏…查看详情

flash插件是什么意思

flash插件是啥意思?Flash插件是指安装于浏览器的Flash插件,使浏览器得以播放swf文件。AdobeFlash原称MacromediaFlash,简称Flash。AdobeFlash是美国Macromedia公司已被Adobe公司...查看详情

自己有项目怎么找投资人

  寻找投资人可能是项目创始人最为头痛的事情之一,因此也需要我们花费较多的时间和精力去思考和实践。以下是一些可能有用的建议和步骤,帮助创业者更好地找到投资人以及提高获得投资机会的成功率。  1、确定融资需求  在寻…查看详情

选择性价比合适的电脑,可以查看以下的家用电脑排行榜

不管是我们平时的生活还是学习当中,都是必须要用到电脑的,因为电脑可以帮助我们很好的处理工作事项和学习内容,如果是想要选择一款性价比高的电的话,可以查看以下的家用电脑排行榜。1、戴尔戴尔品牌电脑很早就开始创立了一个崭…查看详情

盘点搜狗输入法有什么特点 搜狗输入法介绍

随着社会的发展,科技的进步,为了更好的提高生活质量,各种各样的输入法层出不穷,但是搜狗输入法却在重重输入法中杀出重围,它有哪些过人之处呢?下面我给大家介绍一下搜狗输入法。1.搜狗输入法简介搜狗输入法是一款由北京的搜狗…查看详情

公司如何做网络推广?这几点很重要!

随着科技进步和互联网的发展,网络推广已成为企业推广销售的一个重大途径。借助网络推广,可以快速打造品牌影响力和建立口碑。并且在投入上相对传统推广要少,效果比较显著是目前很多企业和网店都在用的推广方法。下面小编给大家…查看详情

如何网络运营?不谈技巧、不谈方法,谈如何打好运营基础

企业做广告宣传的时候,往往会纠结到底要不要选择互联网,其实这种纠结早就应该舍弃。因为不管什么行业,都应该利用互联网做网络营销。成立专门的网络营销运营团队,负责网络营销工作,这是未来企业营销的趋势,也是最为有效的方…查看详情

商标注册授权 | 三种许可授权方式,使用权限不同

商标注册授权,是商标注册人通过法定程序允许他人使用其注册商标。简单来说,其实就是经注册人同意后借用。而商标注册授权,也有三种不同的许可授权方式,它可使用的权限也有不同。 图片来源于网络 ■  商标注册...查看详情

【广告语能申请知识产权】灵活运用三项法律实施多面防护

广告语在市场营销中有着重要的宣传作用,好的广告语甚至能够凭借简洁明了、新颖易懂特点帮助产品快速占领市场,成为企业品牌的标识。目前,广告语能申请知识产权的范围是著作权和商标权,并且可以适当运用《著作权法》、《商标法…查看详情

windows10过期如何永久激活

  Windows10是微软公司推出的操作系统,它的功能强大、稳定性好且易于使用,因此得到了广泛的应用。不过,Windows10系统有一个问题,就是它有时间限制,如果时间到了,系统就会过期,无法继续使用。这对很多用户来说是一个很麻烦的问…查看详情

作品著作权登记平台越来越多,哪些值得信任?

国家版权局主管版权登记,中国版权保护中心官网是提供版权服务的作品著作权登记平台,中心属于版权局的直属机构,服务内容保罗国内外著作权登记、数字版权服务、版权鉴定、版权咨询、作品保管、版权法律服务等。图片来源于网络●&n…查看详情

黄仁勋:9岁闯荡美国,现被称为“硅谷最好斗的男人”

在硅谷,他被称为最好斗的男人。在牛人遍地的硅谷,黄仁勋是唯一一个被誉为,可以比肩亚马逊的贝佐斯和特斯拉的马斯克的华人。这位1963年出生的科技大佬,不爱格子衫,也不爱白衬衣黑西裤,一件标志性的皮衣像极了中年摇滚歌手。尽…查看详情

首页

产品

万商学院

客户服务

会员中心

当前站点

h

选择站点

全国站成都

一 客户顾问-张三

已为0个客户提供专业互联网服务咨询
  • 手机号码
  • 验证码图形验证码换一张
  • 短信校验码

    电话咨询

    在线咨询