👽️ YingStudio
FAQ
︎
︎ ︎ ︎
︎
Activities Action Inter-Action
︎欢迎来到YingStudio的交互设计Lab,我们将在这里为你打造专属的交互设计项目。服务将从深度调研开始,通过逻辑和创新思维制定设计策略,最后以精美的视觉设计完美呈现。确保项目不仅符合学术要求,还满足你的个性和需求。
交互设计IxD是一种专注于创造有意义的对话和互动体验的设计学科,涉及用户界面UI和用户体验UX设计的所有方面,在YingStudio的交互设计Lab,我们将从这两个方面一同探索交互设计的魔力,以及其是如何影响我们生活中的每一个触摸点的。
UX
UX即用户体验,相信你一定不陌生,UX设计的工作就犹如为交互产品编写一部精彩的剧本,以创造出人们在使用产品时的愉悦体验,而这一过程就像是在为他们(用户与产品)编写一个美好的故事。
︎该过程对于交互设计项目至关重要,因为交互设计关注的是如何让人们在使用产品的过程中,感到轻松、自然和愉悦。
UX也是交互设计作品集中不可或缺的部分。接下来就来看看我们要帮助你在交互设计Lab完成一部什么样的剧本。
︎该过程对于交互设计项目至关重要,因为交互设计关注的是如何让人们在使用产品的过程中,感到轻松、自然和愉悦。
UX也是交互设计作品集中不可或缺的部分。接下来就来看看我们要帮助你在交互设计Lab完成一部什么样的剧本。
1
人机科幻故事
![](https://freight.cargo.site/t/original/i/742520b985fb85dd3ece900257777069d011d56072feab2b9b349c165265b029/8375255_peep_human_person_avatar_icon.png)
![](https://freight.cargo.site/t/original/i/2e86136fc71a2c4349f28d5d8ab08c87bd5316c136efd75801265386963f1bbc/-24x.png)
我们在创造故事的过程中,始终需要考虑的是人与机器之间的关系。
我们希望通过设计,让机器更好地理解和适应人的需求,而不是要求人去适应机器。 使得人和机器自然融合,像好朋友一样默契。
这是尼采在《查拉图斯特拉如是说》中的一句名言,从某种程度上,它也可以被用来形容交互设计中的人机关系。在交互设计的世界里,人被视为"绳子",它链接了自然的"动物"世界和人工的"超人"世界——即机器或技术。而设计师的职责就是确保这个"绳子"的稳定,使人和机器之间的交互过程舒适、高效,同时尽可能地避免出现"深渊"——用户体验的障碍或困难。
我们希望通过设计,让机器更好地理解和适应人的需求,而不是要求人去适应机器。 使得人和机器自然融合,像好朋友一样默契。
“人是绳子,横跨在动物与超人之间:一道危险的绳子,横跨在深渊上。”——尼采。
这是尼采在《查拉图斯特拉如是说》中的一句名言,从某种程度上,它也可以被用来形容交互设计中的人机关系。在交互设计的世界里,人被视为"绳子",它链接了自然的"动物"世界和人工的"超人"世界——即机器或技术。而设计师的职责就是确保这个"绳子"的稳定,使人和机器之间的交互过程舒适、高效,同时尽可能地避免出现"深渊"——用户体验的障碍或困难。
2
PERSONA
![](https://freight.cargo.site/t/original/i/216b13654bc8f2c940b4671d0ae3296c528bc1924c18ab2233c342f41daa2c6b/8375229_peep_human_person_avatar_icon.png)
![](https://freight.cargo.site/t/original/i/70385e12bc14e712fe01e5734f59ff6eb409a23d8373c92a8eeceb11e8f391f4/8375253_peep_human_person_avatar_icon.png)
![](https://freight.cargo.site/t/original/i/8f7e81722f5f65089fd89410ff789350d0c42eacfe58842d6f4838e14efd5ea1/8375289_peep_icon.png)
![](https://freight.cargo.site/t/original/i/02b31eb60e5c18a2d61d7e0b18fa51e6436d5faa4bf141133068ffaa2cecaee4/8375300_peep_icon.png)
这就像是我们设计电影的剧本,角色设定里面的每一个细节都是根据真实用户的数据和行为习惯来设定的。这样我们就能站在用户的角度来看问题,确保我们的设计能够满足他们的需求。
数据调研
设计调研就像是一场冒险,我们需要通过深度访谈、问卷调查等方式,探索用户的真实需求,发现他们的痛点,并基于这些发现来改进我们的设计。
3
数据调研
&
调研数据
设计调研就像是一场冒险,我们需要通过深度访谈、问卷调查等方式,探索用户的真实需求,发现他们的痛点,并基于这些发现来改进我们的设计。
这就好比是找寻宝藏︎,每次的调研都能发现一些新的设计机会和解决方案。
![](https://freight.cargo.site/t/original/i/bbdf350437ff3cf0ef23d568a3a02aadb1c6bb57c32a217712ab1cd5df6a995a/8375221_peep_human_person_avatar_icon.png)
![](https://freight.cargo.site/t/original/i/54c9abbc4a4972f969de445cb78081e8dab7d0ab09faffca213b40b677fc5697/8375225_peep_human_person_avatar_icon.png)
![](https://freight.cargo.site/t/original/i/64cbc5306ab9439dc3de16802486a346a7293424e80255b4efde69757f4dc917/8375242_peep_human_avatar_one-eye_icon.png)
![](https://freight.cargo.site/t/original/i/bb71ba71eb9bdd6a51b900d06278344ca060b3234e34176880f926893cbfa5d1/8375248_peep_human_person_avatar_icon.png)
![](https://freight.cargo.site/t/original/i/03e71989deb51ac17b3c183918c4e102c968f5ddd71ac6b4f8704009858fb634/8375252_peep_human_person_avatar_icon.png)
![](https://freight.cargo.site/t/original/i/8958e6994c878c7bcc1e2a09cbdb19378c3d167a9797d0fc814eb705bbc24818/8375256_peep_human_person_avatar_icon.png)
![](https://freight.cargo.site/t/original/i/35927d65fe6a9a50225c2b20fc8573014da4199b92d8366930c64c3141d1a19f/8375261_peep_human_person_avatar_icon.png)
![](https://freight.cargo.site/t/original/i/bd9138bf411e86a0487a064d42c989727e90ea757460ec4945f96558012e4a02/8375272_peep_human_person_avatar_icon.png)
而数据,就是我们辛苦冒险获得的财宝,一种宝贵的资源,它可以帮助我们理解用户如何使用我们的产品,找出可能存在的问题,然后改进我们的设计。
这将使用到各种分析工具,从网页分析和A/B测试,到热图和用户路径追踪Blabla..总之,这些数据可帮助我们了解用户的行为和喜好,然后在设计中加以应用。
这将使用到各种分析工具,从网页分析和A/B测试,到热图和用户路径追踪Blabla..总之,这些数据可帮助我们了解用户的行为和喜好,然后在设计中加以应用。
4
美好结局:一个好的设计始于理解人类,结束于让人类的生活变得更好。
![](https://freight.cargo.site/t/original/i/26ed7fb27b0b2f208520e01c8ab2c5499ab0adc408a514bd60dfa1f4b1d2212d/8375295_peep.png)
![](https://freight.cargo.site/t/original/i/6da9f1c78b828f7ffed6c089a6ea4b776361aa1aedb6cbba1f8de565d0b088ca/8375296_peep.png)
![](https://freight.cargo.site/t/original/i/ae1313a07275de192d25645f4b098848e264b1bb67fed45f95c8bd042769e2d6/8375297_peep.png)
![](https://freight.cargo.site/t/original/i/8364d6ffa215308a98572110c4351d040cda72b4535ff4b07c1845a924cbb21d/8375298_peep.png)
![](https://freight.cargo.site/t/original/i/bc0a3a4139756194e730d1c1b4cf1cfab971fbed8c738fa69189a498cc9a0a2b/8375299_peep.png)
![](https://freight.cargo.site/t/original/i/6e9085dfedadd40934e00b5a173a0c4c554d0d9fc0a322ecc3204023117f6ae3/8375301_peep.png)
![](https://freight.cargo.site/t/original/i/8380dd579867cb333837a2cecfbe912d56044bb994470d974a4597f688cd7878/8375302_peep.png)
![](https://freight.cargo.site/t/original/i/db75d45dd1967d00574c0a21984c7f6e572b6060964c200726a898a9dbe57a37/8375303_peep.png)
![](https://freight.cargo.site/t/original/i/465fe6f961d446655abded3965096ea5beb164fb8e6ec5422405a18bcb71279c/8375304_peep.png)
![](https://freight.cargo.site/t/original/i/b1385a9aa6dbf23e5d46baf56ef07dbc50cb1991701f6617cab971ecdb412cfe/8375305_peep.png)
![](https://freight.cargo.site/t/original/i/759f75c384ab5411b9219f652e6aa7546854ccb5c64f521c98fb10fd16c83428/8375306_peep.png)
![](https://freight.cargo.site/t/original/i/a79e7012f638cb25f765f67721572ee30ecc06f8dec51edc9fcef54a60408874/8375318_avatar_person_human_peep.png)
![](https://freight.cargo.site/t/original/i/202db7826c35b0b204fb6a990c4dad4f77c0c5e44c5b4e2a8fa1ae36af4c51bb/8375319_avatar_person_human_peep.png)
![](https://freight.cargo.site/t/original/i/666b009d890e4c297142c2427b32d513c6b99a52bb47b3b320135250059b3de2/8375320_avatar_person_human_peep.png)
![](https://freight.cargo.site/t/original/i/50d2bdec37955eedd01f860daa3ce8170d2abb4303e0ef4f1741ae32b60959af/8375321_avatar_person_human_peep.png)
![](https://freight.cargo.site/t/original/i/0dc6ab67599927aa3668346880a66b34ca51aa2378b48f681e74c3a7e312526d/8375322_avatar_person_human_peep.png)
终于到结尾了,我们费了这么大劲到底是为了什么?当然是为了让我们的产品能够提供更好的体验,UX的关键不仅在于形式和功能,更在于理解用户的需求、习惯和期望。
因此,在YingStudio,我们的交互设计作品集强调数据驱动和以人为本的设计理念,发现他们的需求,然后通过设计,让他们的生活变得更美好。
一切都以人为本。
因此,在YingStudio,我们的交互设计作品集强调数据驱动和以人为本的设计理念,发现他们的需求,然后通过设计,让他们的生活变得更美好。
好的设计始于理解,结束于创新,我们就是你实现这个目标的伙伴,让我们开始吧!
*
以人为本
一切都以人为本。
![](https://freight.cargo.site/t/original/i/7f870806585bcd6e845f21ba5a28df4205e7e1a6fbde82aa737d6f091757375c/8375220_avatar_person_human_peep.png)
![](https://freight.cargo.site/t/original/i/f6833985663906914b6326f43ac683474fc002828eb363940fe5964101bb1553/8375222_avatar_person_human_peep.png)
![](https://freight.cargo.site/t/original/i/49d4b4a186572cdd6751808c937e4d310b38c71ac2028a1be5e2c91ef05ac58e/8375224_avatar_person_human_peep.png)
![](https://freight.cargo.site/t/original/i/dc88d95f02952ce04a58a59a4d4a9f26686b540dacc5ebc07f6a12eb016a9e6c/8375235_avatar_person_human_peep.png)
![](https://freight.cargo.site/t/original/i/da945aaaa7b3d075b1c1ff498eae9a88cbd5a3f2d68aec3f3eb987b28c1bc30f/8375236_avatar_person_human_peep.png)
![](https://freight.cargo.site/t/original/i/05c6817d04ab5a00ed478bb6ccaa5f0591f12e52a9ffb6bfe0d783a0eff32c36/8375240_with-knife_peep.png)
![](https://freight.cargo.site/t/original/i/b55a65bc7c0a570410cbe11dbeb7857eaddfa36ae077d765fd65d67350007000/8375243_person_human_peep.png)
![](https://freight.cargo.site/t/original/i/de5a4883ef313851ef63801790f9f9fefdc0e171f4ad852aa6571d63685ff096/8375244_avatar_person_human_peep.png)
![](https://freight.cargo.site/t/original/i/c0f784811fa389f212c246cc41c476e318473feeeedbf694eea51562b2d3ca9e/8375249_avatar_person_human_peep.png)
![](https://freight.cargo.site/t/original/i/f611e15bc7ce2e1eab2ccbed1bab4f2a765df59bf137dfa01f5c7c47a3fa88b5/8375254_avatar_person_human_peep.png)
![](https://freight.cargo.site/t/original/i/639de096fd333c6c532b21089a13c5a59634626ccabb1380454be2793845060d/8375258_avatar_person_human_peep.png)
![](https://freight.cargo.site/t/original/i/789d9a9afd36fb70871d18aa5604ac16b80a6898d6f9101dffbd807e04e43b90/8375262_avatar_person_human_peep.png)
![](https://freight.cargo.site/t/original/i/df30fffd17806a68591a45a8c7263def972bf509db518500a5cac93cabdf302d/8375264_peep.png)
![](https://freight.cargo.site/t/original/i/efa36cb32cca8dcf3a266c1cfb1c8cd66b4a8af59f0eb404949faca995dff2b0/8375266_peep.png)
![](https://freight.cargo.site/t/original/i/e90a52db609e3aad13f8b0e97a20ca95e972cc6b7ec590961e8df2aa66dda1c2/8375267_peep.png)
![](https://freight.cargo.site/t/original/i/7057653ba25999f30b5180032a1d4dd92816ae608f982d77c06866e1937d68b8/8375269_peep.png)
![](https://freight.cargo.site/t/original/i/cc316f54432c6fc5aae990897b857ea918ed2b48027b218f0236c1e27c2ed0a0/8375270_avatar_person_human_peep.png)
![](https://freight.cargo.site/t/original/i/daf603c23b002fe4aa9359ae0102d4cfdb86321679edb67d02ec4e06f981aa0b/8375275_avatar_person_human_peep.png)
![](https://freight.cargo.site/t/original/i/c7e6453c61b73db255cd68226e79857e28e69b957ba2f355572dbe0abd072338/8375277_avatar_person_human_peep.png)
![](https://freight.cargo.site/t/original/i/0178e2ff89fa64ac60febe915b12e9f39401c32149d44183d5f0e2908e28f148/8375278_avatar_person_human_peep.png)
![](https://freight.cargo.site/t/original/i/0abfe5fe2eb42f8a8f966a7330397f81a9bcc8a22b7fc7c47f20a0c6aecfb507/8375281_avatar_person_human_peep.png)
![](https://freight.cargo.site/t/original/i/2ac9eceb6d4555ff45f247174bb07bb4b16dd0ccc54ecce0912ed8d1f090458f/8375284_avatar_person_human_peep.png)
![](https://freight.cargo.site/t/original/i/bc30aa5b4dd456e325224779ee6856963880358199d59e3eef0d7510ed6da7c0/8375286_avatar_person_human_peep.png)
![](https://freight.cargo.site/t/original/i/56776624ce61cb6b20a4eb5877421c498bcbeb324522a54eb01f9c91b5e3de4f/8375287_avatar_person_human_peep.png)
![](https://freight.cargo.site/t/original/i/b95fcaf675efea1bd6e9926e80d4743668193473a6239e5c2c608bd5026796f4/8375290_peep.png)
![](https://freight.cargo.site/t/original/i/f43edc4ab18d53be95b2dbcf845eb068449157d357e0c56c4a1a8db0a35d9b90/8375291_peep.png)
![](https://freight.cargo.site/t/original/i/64aeecf6342496f02ce04b26feaf5f4665b1860a99d014dac021c5a194bdfe00/8375294_peep.png)
![](https://freight.cargo.site/t/original/i/e71db1e4d59f9540bf2ca1650810cbf5f262333bde4c5713c3615f4a644d9a39/8375309_person_human_peep.png)
![](https://freight.cargo.site/t/original/i/988e9b46039fa25213773b092210f02f1977ad777e41e5158ddaed3badc15280/8375311_person_human_peep.png)
![](https://freight.cargo.site/t/original/i/beb64750b72f091ede411141a54f458cd4c0448105ff5eb27aea6a5c992dfdc6/8375312_person_human_peep.png)
没错!你一定注意到了,这一核心理念贯穿在每个设计过程中,每一次的用户调研、分析、概念形成、设计迭代,乃至于产品发布,都离不开对人的深入理解和尊重,这也是为什么本页的所有插图都是——人人人人人人人。
精美生动的人物插图(寄叶2号B型除外)出自@PabloStanley笔下,许可详见
©2023 Copyright YingStudio 版权所有
交互设计IxD是一种专注于创造有意义的对话和互动体验的设计学科,涉及用户界面UI和用户体验UX设计的所有方面,在YingStudio的交互设计Lab,我们将从这两个方面一同探索交互设计的魔力,以及其是如何影响我们生活中的每一个触摸点的。
UI
User Interface——没错,这就是UI,如果说UX的工作部分是在为交互设计产品编写剧本,那么UI的工作部分则是通过布景、道具和特效,让这部剧本生动起来。
从颜色和字体选择,到布局和视觉流动性,再到触摸和点击反馈,这些细节组合在一起,塑造了用户对产品或服务的整体感知。
这一切决定了我们的交互产品如何呈现给用户,以及用户如何与其互动。
从颜色和字体选择,到布局和视觉流动性,再到触摸和点击反馈,这些细节组合在一起,塑造了用户对产品或服务的整体感知。
这一切决定了我们的交互产品如何呈现给用户,以及用户如何与其互动。
在YingStudio,我们认为UI设计就像玩乐高一样:
有规则,有创意,又充满乐趣。
就像你的衣服一样,每个APP或网页都有它自己的风格。你一定有自己的想法,即便你没有,我们也会指导你如何挑选图标、配色和字体,让你的设计与众不同。
在我们开始之前,不妨先领略一下他们的风格:
在我们开始之前,不妨先领略一下他们的风格:
![Jobs: Apple MacOS 9](https://freight.cargo.site/t/original/i/44c7b5b4094c09f4f6a49d078ccafd5922f02c13e3bf0f74fc9adce57ad6ae4d/apple.png)
![Gates: Microsoft Windows98](https://freight.cargo.site/t/original/i/eed11219776284aa53ff4dd8d8a929a615ecc8ff4926d48ddf3d8cfee9314e0d/MS.png)
![G: Valve Steam 2003](https://freight.cargo.site/t/original/i/b0518bd18563af3a79b81b7a370f2b8fbbcde2992bd3c19c69f4e172947686ea/steam.png)
![PonyMa: Tencent QQ 2008](https://freight.cargo.site/t/original/i/a871b03d6bec846a9a5e0530933447984500b1eacdd599d5b5ed814b0f5ae78e/qq.png)
拿出说明书
UI设计涉及到一系列的元素和组件,这些元素需要有逻辑性的组织并以一种直观且美观的方式呈现出来,这就用到了我们精心杜撰的UX剧本,根据剧本的设定,我们将每个用户场景的道具和媒介形式具体化,从而使得用户得以像我们剧本中设想的一样优雅的使用我们的产品。
![#protect](https://freight.cargo.site/t/original/i/75feb68d5828ac3edc570d692439a36f804f3eaeac7773cf40502ed6231a911f/Script-00.png)
![#protect](https://freight.cargo.site/t/original/i/aebb4e4ae02086c0f3e9bfeff2db1030af153a46e0ffc7353760b4c4b60a18d3/Script-01.png)
![#protect](https://freight.cargo.site/t/original/i/bf5335416b5b819a6f6aeba81d451c7d655b2914a2cc3154ee7692072db2a1d0/Script-02.png)
铸造零件
为了实现上述的交互功能,我们需要设计一些组件来帮助用户完成操作,这就像是一个大型乐高上的传动轴或车轮之类的小组件一样,我们需要先将它们组合好,才能最终完成整个积木。
组成一个界面的零件将包括颜色、字体、图标、按钮、滑块、文本框等等:
![](https://freight.cargo.site/t/original/i/d5e58b7319c5b9249ef09b0f5031044c194e7ec2d5889701ac0e3fbeca5583dc/button-1.png)
![](https://freight.cargo.site/t/original/i/42e0c82b45d379079a57131ee0a2196786e273c046fb6b7d1695dad0d9f2a345/8542040_hippo_animal_icon.png)
![](https://freight.cargo.site/t/original/i/c2d0b9acf7b88095bde46b8d2e40db86d8cb3d074bfc33fe344c07434c67e67c/8541990_ghost_game_icon.png)
![](https://freight.cargo.site/t/original/i/1c7cbfc7f112cbd3dc3eb7b2dca453f7afd2b132065f21dee8f649032bd68af2/button-8.png)
![](https://freight.cargo.site/t/original/i/fea1ca78b6ef88dec97a9c815be64a88e4693b2f43e56dd07dbfdb3e87829641/8644326_pin_location_map_bam_icon.png)
![](https://freight.cargo.site/t/original/i/944cb97bb55426787661cdd8ac562936f88b392641eb3f2aca4df8953a335464/button-9.png)
![](https://freight.cargo.site/t/original/i/8c0a84797d71ece272e341e04ab808fb129c79402feb08e8fb6a8f391ed695eb/7830713_science_dna_icon.png)
![](https://freight.cargo.site/t/original/i/606b69f96fe32b0e6fde64dcc9d3c10d107057ebd34dda0a823bf8bea41188d3/button-7.png)
![](https://freight.cargo.site/t/original/i/635e29fbda37413ba90c0cea3f367475f438621d7e11d862cdd265038cb1ca51/button-3.png)
![](https://freight.cargo.site/t/original/i/d0a647a5e57fefc6409318f6ac304c2646aa83fe50c1d5c09b89424f6679f52a/8721587_on_toggle_off_switch_power_icon-1.png)
![](https://freight.cargo.site/t/original/i/c3f76e99acb0672499029a6e854ae4603f1cee7805c2585affb754861bedc769/8541940_fighter_jet_icon.png)
![](https://freight.cargo.site/t/original/i/08af2356b97dc4902d9231aa3bd03fb1c10e7208310c4d36996060f51b1f2d40/339851_accident_arrow_icon.png)
![](https://freight.cargo.site/t/original/i/7993aa706c45c7233a63ba77822d415ae0785fad205360b93e2fede756c826fd/button-12.png)
![](https://freight.cargo.site/t/original/i/ada44d144c170a6952a1164ba6fc0adf620e51d23ae0fa8061b874e0b875d6fe/8644336_message_chat_icon.png)
![](https://freight.cargo.site/t/original/i/4e823945c70bb0d72cd1425df2969c4a72784a5d6063be9d71f8e4b832081eac/button-5.png)
![](https://freight.cargo.site/t/original/i/fac39ada7afa70c559bdbe556a797f8bb95ace9e088d468a61477f4874c0b976/8703930_sun_weather_sunny_sunlight_icon.png)
![](https://freight.cargo.site/t/original/i/4861a931e48c2ad665b3d159b89553a32704072a27dbe674e34e3ae1fdb408be/7627428_app_twitter_tweet_bird_animal_icon.png)
![](https://freight.cargo.site/t/original/i/12117dcae09e1bec36c4829569fe2e91813609cd3b500253a6127e146287b0dc/7830685_mood_happy_icon.png)
![](https://freight.cargo.site/t/original/i/ad27c0a327cc1dc3b8c6051ac2f37ecac376bd654aca8c2ca1d5d27777c610f1/8541827_egg_icon.png)
![](https://freight.cargo.site/t/original/i/31f08ac5dbbcffffd36665f42cb7a94be354cc658e6aad1f067ccc9b8fcdcbf1/8644321_tick_check_bam_icon.png)
![](https://freight.cargo.site/t/original/i/cfc27748c1efa9b346a6f1cbb9d0e9186c6113d9caddd6aa5884bec10b93ad9f/8541965_info_information_icon.png)
![](https://freight.cargo.site/t/original/i/9949bb41ae20abed30aef56a0dbc6980fe9471fd60062e3ef07ee590cc1958c7/8721636_love_notify_heart_like_icon.png)
![](https://freight.cargo.site/t/original/i/1af6c45fa672dc5c5161ecbe026c66f4c03f20503ea459faf6fcf2599674c9cc/button-2.png)
![](https://freight.cargo.site/t/original/i/368f9bc2da0212cde657721af2a729418381334fc2a6919cc455e5ec896bee64/button-6.png)
![](https://freight.cargo.site/t/original/i/8985c85e4cbf5cef765ab2d33e051b5d6f017c1bc24811f196315606ce86fd57/button-4.png)
![](https://freight.cargo.site/t/original/i/7d0afbd4b5ce4437a70843b8f020542d60da446236a6b799ce0818a0c02d41cb/7830723_programming_flag_icon.png)
![](https://freight.cargo.site/t/original/i/d9e590d9d1f79c2d9a756187cf9a0bdb050a46193b108558ccb2897ac8d888aa/8541939_hand_scissors_icon.png)
![](https://freight.cargo.site/t/original/i/25c1c8690cb61dd5ad6b17dd9ac7d33b0bf625e19467f49971f68a95c786d6fd/8644324_magnifier_search_zoom_find_bam_icon.png)
![](https://freight.cargo.site/t/original/i/543b06af2020fcd852bb3466c3ab6b14bc411d888cf83144ff32fbf831934a46/button-11.png)
![](https://freight.cargo.site/t/original/i/2482f3673cc7fc7a493efbdc48498e63964bdf8042c582b081eaf62b2e393f61/8644345_cross_delete_remove_icon.png)
![](https://freight.cargo.site/t/original/i/61d9ef9fef1f7d4ea5cdec795b0838d8d30167ab14ef9a7f11a228da5cd4af65/7830704_video_game_mario_enemy_icon.png)
![](https://freight.cargo.site/t/original/i/8940a5e9fc69270854e80b13d27192cb21a2b46e1d019a67a3852234875df6a4/339852_apocolypse_atomic_bomb_explosion_nuclear_icon.png)
![](https://freight.cargo.site/t/original/i/b08626ae262436e216c9badc3a148ec03bc0ff5d3ce679fa3592af16b6995869/button-10.png)
![](https://freight.cargo.site/t/original/i/8fd89cc1d213fdb749197551d97fdbca72a8935e8b2f52a2f124df224d770ddf/8541961_fish_fishing_icon.png)
![](https://freight.cargo.site/t/original/i/8f8cea37b3841c3824b15845cd9cd6e109185727b5ef875ff003aa1f51f92a60/8721593_love_favorite_valentine_like_heart_icon.png)
![](https://freight.cargo.site/t/original/i/b99901e1e5ed3cd9e70d19d94e29edc3f9097f3fb2e5d9c6212892a863ce7c0e/8541973_grin_tongue_emoji_icon.png)
![](https://freight.cargo.site/t/original/i/38ee0f1984ac800175f9c04a1e38fe18a4e07f9c97fa7f1b07eb4e44d28608fe/8541839_flag_checkered_icon.png)
💡
*你可以试着把这些乱七八糟的东西拖到上方︎的原型框架中去来浅浅体验一下UI设计的乐趣。
接下来...
字体&颜色
很容易被低估,因为实际上整个屏幕都被它们填满了,就好像某种视觉漏失效应,颜色与字体为我们的创意空间奠定了基调,它们的选用产生的影响远比单独看起来要大得多。
下面是这个网站设计中所使用的字体与颜色:
Welcome to YingStudio!
Welcome to YingStudio!
Welcome to YingStudio!
Welcome to YingStudio!Welcome to YingStudio!
#000
#fff
Giallo
#454545
#e0e0e0
#ffaf60
组装
铸造上面这些漂亮的零件一定难不倒你们这些美术天才,但是如何组合这些积木才是重点,在一个合格交互设计产品的UI设计中,我们得让它们看起来既有意义又和谐——也就是把各个设计元素有机地结合在一起,形成一个整体的用户界面。这就是我们所说的原型图。
![](https://freight.cargo.site/t/original/i/a9a73984f35a86bb90747d9552fc70f0e67dbc617a3af8ccc12cc74dbc949c2a/YSWebsite.png)
我们会一起学习如何使用一些酷炫的工具,像Adobe XD和Figma,来把你的想象呈现出来。别担心,无论你是画鬼画符,还是一手好字,我们都能帮你变成设计大师。
精致活泼的红蓝黄三维插图来自BamDesign,许可详见
古灵精怪的纤细图标出自@Webalys笔下,许可详见
妙趣横生的黑体图标来自FontAwesome,许可详见
©2023 Copyright YingStudio 版权所有
©2023 Copyright YingStudio 版权所有