冷鲜肉vi设计的核心价值在于为企业打造独特的品牌,冷鲜肉vi设计可以给企业带来良好的社会声誉和经济效益。
注:本文“冷鲜肉vi设计”配图为本公司设计作品
一个简单应用程序的分解,从用户界面设计到部署,展示了为什么编码对设计者来说是一个神奇的工具。
Figma,Adobe XD,Photoshop,Wacom Tablet,sketchbook…所有界面和网页设计师的工具,是吗?花2分钟,试着回忆一下为什么你想成为一名设计师,为什么你喜欢设计东西。
可能是因为你喜欢创造;你是个有创造力的人。也许你从孩提时代的艺术经历开始,然后把那种创造性的能量转化为解决问题,同时继续用视觉表达它:你成为了一个设计师,一个创造性的解决问题的人。
今天,我将通过从头构建一个真正的挽救(saving的简写)生成器,向您展示编码是如何被低估的工具,来表达您解决问题的创造性思维。所以让我们开始吧!
第一步:不要有想法;解决问题
我们在这里没有深入的商业考虑,但是看到你面临的问题并决定自己解决它们是一个很好的开始。
在客户工作期间,我需要一些挽救(saving的简写)波形来作说明。所以我寻找一个波形发生器:有很多带参数输入的彩色波形发生器,但是没有简单、完美的正弦波发生器。我决定在我的数学工具GeoGebra上画出来,然后导出到VG .
好吧,但不要太快。我们喜欢快速完成工作。但是等等…为什么我们不创造一个完美的正弦波发生器呢?没有方程式无聊的数学软件打开,只是一个曲线和一个导出按钮。你得到了它,现在让我们来设计它。
快速提示:如果你正在寻找一个问题,在你的领域寻找迷因。他们总是表现出一个深刻、痛苦、众所周知的问题。
步骤2:设计尽可能简单的解决方案
两条主要规则:第一条规则,想想谁会用;第二条规则,预测他们对其工作方式的期望。那么是谁呢?前端开发者。他们在等什么?可通过直接反馈和导出按钮进行编辑的曲线。
线框设计
高保真设计
一个快速提示:你可以抓取应用程序的菲格玛设计,以获得更多关于设计的技术提示。
第三步:为真实而建
作为一名设计师,停止在第二步是完全可以的。但是想象一下如果你能建造你设计的东西!你已经知道你可以创造你想要的一切。
你可以把编码看作是翻译你的用户界面的一种方式,它最终肯定会产生一个每个人都可以使用的。com应用程序。这就是为什么"最好的语言"并不重要;编码只是表达你的创造力和为他人构建东西的工具。作为一个设计师,一个有创造力的人,这可能听起来…很有趣。
功能应用的用户界面
每一个web应用程序界面都可以用HTML/CSS/JS从用户界面设计翻译成代码。我们可以看到这三种"语言"各自的作用:
我想要阿布顿.
我希望我的按钮看起来是圆形的。
JS:我希望当我点击我的按钮时会发生一些事情。
为了构建我们的应用程序,我将使用苗条的.苗条的是aJavaScript编译器,它允许我们在一个地方使用所有这三种"语言"。所以,让我们看看代码是如何把我们的用户界面翻译成功能性的东西的。
超文本标记语言按钮代码
注:本文“冷鲜肉vi设计”配图为本公司设计作品


总监微信咨询 舒先生

业务咨询 张小姐

业务咨询 付小姐