首页

2018年的20个最佳网站设计启发你!

博博


番茄匠APP 2018-05-18 15:07:48

美丽的获奖网站

1. Feed

奖励:Awwwards当日的场地(6/6/2015)

Feed不仅是一个有趣的概念,它还有一个令人惊叹的执行过程,它挑战了我们对网络上的可能性的理解。通过动画和视频的创意融合,该网站让用户沉浸在非常吸引人的体验中。作为一个非典型的网站,它还包含几个独特的可用性元素,其中包括一个导航,可以作为滚动进度条加倍。

2018年的20个最佳网站设计启发你!

2. crypton.trading

奖项:Awwwards当日的场地(4/3/2018)

认识你的机器人会计师crypton.trading。

Crypton.trading是比特币等加密货币的交易中心,它使用人工智能来预测货币价值的变化并确定关键的购买和销售机会。该网站因其开发和设计而被评为高,因为它逐渐向更多的下游游客滚动,更多地解释了开发者的方法。

这个屡获殊荣的网站让熟悉技术的访问者在主页上出现Crypt的问候时感到宾至如归,每次只有一封信。

2018年的20个最佳网站设计启发你!

3. ETQ

奖励:Awwwards当日的场地(5/19/2015)

ETQ采用非常简约的电子商务方式,在精简的网站上放置大量引人注目的产品视频。简单,平坦,基于颜色的背景伴随着强大的印刷术,有助于将注意力集中在用户到达的地方:鞋子。

2018年的20个最佳网站设计启发你!

4. Mikiya Kobayashi

奖励:Awwwards当日的场地(7/4/2015)

Mikiya是一位产品设计师,拥有简约的作品集,通过强大的摄影和微妙的动画展示了他的作品。他的全部网站最初是用日文创作的,然后翻译成英文,这有助于展示他设计的国际可扩展性。

2018年的20个最佳网站设计启发你!

5. Inside Abbey Road

奖项:最佳音乐网站,2016年威比奖

谷歌通过这个高度互动的网站将它从公园打出来,让用户可以进入Abbey Road Studios。辉煌的声音设计,导航机制以及混合了通常的“Google风格”的视觉效果都有助于吸引访问者访问这个制作精良的网络媒体资源。

2018年的20个最佳网站设计启发你!

6. Citrix: The New Mobile Workforce

奖:每日网站(11/23/2017),最佳网站图库

这个网站致力于红牛与基于云计算软件公司思杰的合作,这是非常了不起的。

新移动员工队是思杰旗下的一个网站,它使用全景摄影技术向观众展示思杰如何支持红牛车队的新赛车。即使你不是赛车爱好者,该网站的巧妙动画也可以解释复杂的汽车技术,这一点很难忽略。

2018年的20个最佳网站设计启发你!

7. The History of Climate Change

奖励:Awwwards当日网站(6/23/2015)

按照Luc Jacquet的脚步,Wild-Touch将带您参观关于全球气候变化历史的视觉和教育之旅。历史媒体和独特动画的混合有助于讲述故事。

2018年的20个最佳网站设计启发你!

8. Beagle

奖:每日网站(4/19/2015),最佳网站图库

比格尔以一种简单易懂的方式在视觉上和逐步地讲述他们产品的故事方面做得非常出色。这对许多创业公司来说是一个重大挑战,特别是当他们将新概念引入现有市场时。人们想知道,“你的产品是什么?它是如何工作的?为什么我在乎?” 比格尔回答所有这些问题,同时展示他们的产品并强制用户购买。另外,他们是实际上正确实施“滚动劫持”的几个网站之一。

2018年的20个最佳网站设计启发你!

9. Southwest: Heart of Travel

奖:最佳视觉设计 - 审美,2018年威比奖

当西南航空想要证明其客户不仅仅是一个美元符号时,该公司创建了一个网站,其设计使用客户航线的形状进行组装。

这个名为“旅行之心 ”的网站甚至允许游客在他们计划参加的旅行中创建自己的作品。这样,西南航空的网站就是他们最忠诚的乘客的产品。

2018年的20个最佳网站设计启发你!

10. Woven Magazine

奖:每日网站(4/4/2015),最佳网站图库

Woven是一个在线刊物,为艺术家,工匠和制作人员提供赞美。对我而言,他们代表了一种确认,即出版物可以(也应该)拥有美观且引人入胜的网站,内容易于阅读。这个网站没有像弹出窗口和突兀的广告这样的分心,而是关于内容本身的体验。

2018年的20个最佳网站设计启发你!

11. JOHO's Bean

奖励:当日FWA(2015年8月8日),网站奖

JOHO's Bean的网站有令人难以置信的图像,交互性,讲故事,视觉设计,最重要的是音响工程。这些都聚集在一起,创造出一个引人入胜,情绪化和引人入胜的网站,讲述咖啡豆之旅的故事。

2018年的20个最佳网站设计启发你!

12. NOWNESS

奖项:最佳文化博客/网站,2017年威比奖

Nowness可能是当今互联网上最酷的众包视频博客。那真是一口......所有这些意味着什么?

NOWNESS的“众包”性质是其获奖者的一部分。这意味着其大部分内容来自独立广告素材 - 这是企业发布内容的一种日益流行的方式。NOWNESS也是一个视频博客,这意味着它的所有博客内容都是视频格式。总之,这些品质有助于使Nowness成为各个品牌努力讲述的故事的迷人中心。

2018年的20个最佳网站设计启发你!

13. Virgin America

奖项:最重要的行业演变,2014 UX奖

在一个已知航空网站充斥着主要可用性问题的世界中,维珍美国公司拥有推动可用性,可访问性和快速响应设计的最佳网站之一。事实上,它被命名为第一个真正快速响应的航空公司网站,这是该行业的一个新的先例。

2018年的20个最佳网站设计启发你!

14. World of SWISS

奖项:最佳用户界面,2015年威比奖

另一家航空公司?发生什么事?!是的,瑞航的航空公司建立了一个令人难以置信的身临其境的网站,讲述他们的故事,并描述与他们一起飞行的感觉 - 而且他们的工作太过繁重,无人理睬。强大的视觉效果和动画将用户介绍到网站的不同部分,这些部分除了通常的销售和市场营销信息外,还包含了今天如此常见的信息。

2018年的20个最佳网站设计启发你!

15. Reductress

奖项:最佳幽默网站,2018年威比奖

在互联网上嘲笑别人并不难,我们在网上阅读和消费的东西很多都是为了娱乐。但是对于大量观众来说,很难一致地做到这一点。Reductress是一本讽刺杂志,其头条和一般阅读体验是幽默部门的 - 使网站本身成为一个高质量的财产。

2018年的20个最佳网站设计启发你!

其他酷网站设计

16. Minimums

Minimums采用非常大胆的方式展示他们的内容,利用基于网格的网站设计,大字体和全幅高质量图像。他们的网站是如何正确执行网格结构,同时在设计中保持良好的视觉层次结构的一个非常好的例子。

2018年的20个最佳网站设计启发你!

17. Guillaume Tomasi

作为蒙特利尔的摄影师,Guillaume Tomasi建立了一个真正适合他的独特而令人敬畏的摄影作品。他超现实的照片风格与简单,平坦,空洞,简约的组合设计并列,将所有的焦点放在作品本身上。

他独特的系列导航加上艺术画廊风格的作品介绍和完美的滚动互动让人联想到真实画廊的体验。

2018年的20个最佳网站设计启发你!

18. The District

这家品牌代理机构认真对待它的形象,它应该 - 为客户处理所有媒体渠道。该地区的网站,是通过一些你见过的最美丽的艺术品和摄影的旅程。

当你探索网站时,这些挑衅性的瓷砖变化很快,而且他们看起来更加奇特,对你学习过去的工作越感兴趣。

2018年的20个最佳网站设计启发你!

19. Tej Chauhan

Tej Chauhan通过这个有趣的网站将印象派艺术品变成了商业模式。该产品开发人员主页上的每张图片都会滑出以覆盖上一张图片,从而为您现在在您面前看到的物体提供很少的背景信息。

但是,是不是缺乏正确的背景知识,让你想了解更多?标语“近期未来的纪念品”表明这些物品是他们产品线的一部分 - 这是您将这些创新物品带入您的生活的机会。

2018年的20个最佳网站设计启发你!

20. Amanda Martocchio Architecture

一家建筑公司可能并不专注于网站开发,但其网站仍应展示其对视觉上令人愉悦的设计的承诺。这个华丽的网站让阿曼达·马托基奥把它放在心上。

Amanda Martocchio Architecture喜欢它的作品并不是什么秘密- 它网站主页上的每张图片都是公司设计的房屋的迷人镜头。该网站标出了每个房屋的滚动条件,以及各种建筑物的各种角度。

2018年的20个最佳网站设计启发你!

如何画好一张描边插画?

涛涛

描边插画:可以简单理解为众多线面结合图标组合在一起,互相呼应而组成一个大画面。画面中的元素除了面以外,还具有描边,因此也叫描边插画。

本文内容:文章会详解如何画一张描边插画,教程素材没有用我之前的插画来做步骤分解,而是新画了一张插画以作示范,绘画原理都一样,理解原理就好。除了具体步骤以外,会针对一些易犯错误的地方添加重点标记。

一点建议:看完文章后,可以按照我分享的方法来临摹一遍,但我更趋向于小伙伴们能够发挥自己的想象力,做一张属于自己的原创插画。画完后若有不清楚的地方,欢迎在我的公众号中添加微信并附带插画,可给予建议。

一、草图阶段

1. 确立主题,画草稿

这次插画的主题源自于我的一个梦:在草地上,遗落的帆布鞋里面长满了鲜花,小鸟守在花的旁边歌唱。

确定主题后,把脑海里的画面画出来,可以画在纸上,也可以用数位板在 ps 里面画,按照个人习惯就好。我比较喜欢手绘,因此在纸上画。

2. 打开AI,调整设置

新建画布1600*1200

视图-勾选对齐点

3. 把草图拉到画面中,调整大小

二、线稿

1. 描边设置及要注意的问题

在描边插画中,常见的问题之一就是描边的粗细问题. 以及描边间关系的处理问题。

描边粗细问题(下图以之前的四季插画为例子)

描边间关系处理

描边设置

描边的粗细是根据画布大小而决定的,1600*1200的画布,我习惯用 8pt 的粗细的线条,但是如果画布是1200*900,8pt 则显得过粗。具体的粗细可以根据情况而调整。

2. 线稿画法

布尔运算法

形状断点重连法

形状生成器

钢笔勾勒法

钢笔勾勒法顾名思义就是用钢笔直接描出物体的外形。在这个插画中,植物的形状比较随性,因此用钢笔直接勾勒比形状剪切要快。绘制的过程中,注意调整线条的平滑度. 弧度,使其规整。在此不作示范。

三、色稿

1. 增加背景色

2. 色稿层的绘制

3. 颜色调整

4. 高光与暗部

5. 经过高光与暗部塑造后的画面

四、 风格塑造与整体调整

1. 风格塑造

最近看到 kit8 大神的画,突然想到如果白线运用在线性插画会怎样,就尝试了这种风格。把线稿复制一层置于顶上,改成白色,2px 粗细的线,然后向旁边移动错位,破一下画面沉闷的感觉。


2. 整体调整

看到这里,你应该也发现了,画面是比较灰的,因为我都是选择低饱和度的颜色,如果需要调整,就在 AI 中把插画导出 SVG 格式。然后拖到 PS 里面进行色相饱和度的调整。

3. 保存喜欢的配色

在颜色调整过程中,遇到喜欢的配色就保存下来,这样一张插画就完成了。

动画笔记06《文字路径书写MG动画》

涛涛

推荐一个做路径动画的脚本,还不错,看看吧。

undefined

10年经验设计师教你如何寻找高质量素材

博博

UI妹儿 2018-02-22 11:13:02

我们平时做设计的时候,都会遇到挑选素材这个难题。

做UI的同学,会浏览动效网站寻找灵感又或者去挑选适合的图标;做平面的同学,特别是电商广告的同学,就会下载电商banner,还有高质量的图片;另外还有绝大部分的人都会在做报告的时候,下载漂亮的PPT和Word模版。如果刚好那时候你在找工作,还需要找精美的简历模版……

但这些素材到底在什么地方找呢,又在什么地方找到高质量又免费好用的素材呢?

这次,我早已为大家准备好。下面是我花费大量时间精力整理而成的素材网站,全部都是亲身试用后的精选出来的。希望能帮大家在找素材这条路上节省更多的时间,找到更适合自己的那些素材。

懒人福利

如果你觉得这些网站下载太麻烦

可以直接翻到文末

专门为大家整理好的

1000G高质量精选设计素材

免费送!

机会就一次,错过可以不用等下年了

因为活动就这一次

常用素材

一、免费可商用图片

1、https://pixabay.com

10年经验设计师教你如何寻找高质量素材

全网共一百多万张免费图片素材,且质量非常高,种类繁多,适合每一个行业使用。

10年经验设计师教你如何寻找高质量素材

优点:种类很多,质量高

缺点:下载需注册,加载慢

推荐指数:★★★★★ 4.5

2、https://unsplash.com

10年经验设计师教你如何寻找高质量素材

全世界的优秀图片网站,所以图片风格很丰富,而且大部分质量都很高,分分种可以用来做壁纸!

10年经验设计师教你如何寻找高质量素材

优点:质量高且优秀,数量多,风格独特

缺点:加载慢

推荐指数:★★★★ 4

3、https://www.pexels.com

10年经验设计师教你如何寻找高质量素材

每日会更新100张高质量的照片在首页展示,无论风光还是人物,这里应有尽有。

10年经验设计师教你如何寻找高质量素材

优点:种类多,每日更新,不需注册

缺点:加载慢

推荐指数:★★★★ 4

4、http://foter.com

10年经验设计师教你如何寻找高质量素材

网站开始会将素材分为商业、动物和风景三大类,如果你需要寻找其他图片,可以直接在搜索栏直接搜索关键词。

这里的图片给我的感觉就是有趣,独特,有很多图片都很适合做海报。

10年经验设计师教你如何寻找高质量素材

优点:分类明确,质量很高

缺点:加载超慢,种类不多

推荐指数:★★★★ 4

5、https://burst.shopify.com

10年经验设计师教你如何寻找高质量素材

网站最大好处在于帮你分成非常多的类别,尽管数量比不上其他网站那么多,但这里的图片风格都很统一,很有质量,感觉看上去就很年轻化。

10年经验设计师教你如何寻找高质量素材

优点:风格独特,质量高,分类明确

缺点:数量不多

推荐指数:★★★★ 4

6、https://negativespace.co

7、http://superfamous.com

8、http://librestock.com

9、http://www.sozai-page.com(日本食物类网站)

10、https://www.foodiesfeed.com(美食)

11、https://www.sitebuilderreport.com(一次性搜索31多家免费可商用图片的网站)

二、字体

1、https://fontsup.com

10年经验设计师教你如何寻找高质量素材

提供大量免费的英文字体,质量很高,也很有特色,每个字体还有一个详情页,非常用心

10年经验设计师教你如何寻找高质量素材

优点:种类多,质量高,免费下载

缺点:加载稍慢,广告有点多

推荐指数:★★★★ 4.5

2、http://www.myfonts.com

10年经验设计师教你如何寻找高质量素材

网站提供的商业字体,质量很高很漂亮,数量也很多。

10年经验设计师教你如何寻找高质量素材

优点:种类多,质量高

缺点:付费

推荐指数:★★★★ 4

3、http://comicneue.com

10年经验设计师教你如何寻找高质量素材

免费手写可爱字体下载

优点:质量高,字体可爱

缺点:数量较少,下载稍麻烦

推荐指数:★★★★ 3.5

4、http://www.zhaozi.cn

10年经验设计师教你如何寻找高质量素材

找字网,种类丰富,基本上可以找到市面上的所有字体。

10年经验设计师教你如何寻找高质量素材

优点:种类很多,方便查阅

缺点:使用时注意商用版权,仅中文字体

推荐指数:★★★★ 4

5、http://www.17ziti.com

10年经验设计师教你如何寻找高质量素材

综合性字体下载网站,里面包括英文字体、中文字体,甚至是手机字体。数量很多,唯一不足就是没有注明版权范围,所以商用的时候要注意。

10年经验设计师教你如何寻找高质量素材

优点:覆盖中英文字体、种类多

缺点:网站广告稍多,没有注明版权范围

推荐指数:★★★★ 4

UI设计素材

一、图标类

1、http://www.iconfont.cn

10年经验设计师教你如何寻找高质量素材

阿里妈妈MUX倾力打造的矢量图标管理、交流平台,内含一百多万个图标!

设计师将图标上传到Iconfont平台,用户可以自定义下载多种格式的icon,平台也可将图标转换为字体,便于前端工程师自由调整与调用。

10年经验设计师教你如何寻找高质量素材

优点:种类丰富,质量超高,免费下载,中文界面,阿里旗下

缺点:不能打包下载、需注册

推荐指数:★★★★★ 4.5(满分5星,下同)

2、https://www.flaticon.com

10年经验设计师教你如何寻找高质量素材

大型图标网站,里面拥有将近50万个图标,一万多个图标集!种类丰富,质量超高,且支持在线编辑。

优点:种类丰富,质量可靠,免费下载

缺点:英文搜索,加载稍慢,打包下载需注册(科学上网)

推荐指数:★★★★★ 4.5

3、http://fontello.com

覆盖绝大部分网上可能应用到的图标,也就是说任何你需要的网站类图标都可以在这里找到。

优点:网站图标齐全,质量高,免费下载

缺点:加载稍慢,仅有黑白图标

推荐指数:★★★★ 4

4、https://thenounproject.com

拥有一百多万个图标的大型图标网站,而且图标都是由全世界各地设计师设计,质量非常高!而且里面有很多有趣的图标,例如下面鸟笼类图标集,非常卡哇伊!

优点:种类丰富,质量超高,免费下载

缺点:英文搜索,加载慢,不能打包下载

推荐指数:★★★★ 4

5、https://icomoon.io

聚合类图标网站,里面集合了不同网站的不同图标,付费免费都有,种类超多。

优点:种类丰富,质量一般,免费下载

缺点:英文搜索,加载超慢,操作复杂

推荐指数:★★★★ 3.5

6、https://useiconic.com/open

7、http://dryicons.com/free-icons

8、http://www.iconarchive.com

9、http://www.entypo.com

10、http://glyphicons.com

二、其他

1、UIKIT.ME

10年经验设计师教你如何寻找高质量素材

各种免费高质量UI资源下载,Sketch、PSD甚至AE素材都有!

这个网站除了提供高质量的素材以外,还提供超人性化的下载方式:(百度云)

10年经验设计师教你如何寻找高质量素材

优点:质量高,免费下载

缺点:种类少,部分素材有重复

推荐指数:★★★★ 4

2、TOSKETCH.COM

10年经验设计师教你如何寻找高质量素材

网站给我的感觉就是干净,高大上!里面提供了工具包,网页,移动,模型和图标等其他素材,而且这些素材都有一个特点,就是质量高且新鲜!所有素材都是上传的,这个有点了不起。

10年经验设计师教你如何寻找高质量素材

优点:质量超高,更新快,中文界面,百度云下载

缺点:只提供Sketch资源

推荐指数:★★★★ 4

3、UI8.NET

10年经验设计师教你如何寻找高质量素材

U18是设计素材圈的网红,提供大量漂亮的超高质量商业设计素材,但并非免费,绝大部分都需要付费。

10年经验设计师教你如何寻找高质量素材

优点:质量超高、数量丰富、界面清爽

缺点:付费(充值是个问题),加载稍慢,下载稍麻烦

推荐指数:★★★★ 4

4、PRINCIPLEREPO.COM

10年经验设计师教你如何寻找高质量素材

高质量Principle原型和动效设计资源的网站,特别是动效,每一个都非常漂亮,很有参考价值。

优点:质量高,数量丰富,免费下载

缺点:加载很慢,只有动效资源

推荐指数:★★★★ 3.5

5、UISHE.CN

10年经验设计师教你如何寻找高质量素材

UI社,网站提供主题包、图标、界面和样机素材等素材,属于综合性的素材下载网站。因为国内的网站,大家不用担心加载慢等问题啦。

优点:种类很多,质量高,下载方便

缺点:付费

推荐指数:★★★★ 4

6、MOCKUP.ZONE

7、GRAPHBERRY.COM

8、GRAPHICTWISTER.COM

9、SKETCHAPPSOURCES.COM

10、DUNNK.COM

平面设计素材

1、千图网(www.58pic.com)

国内大型素材网站,素材几乎覆盖所有类目、广告设计、电商设计和办公室素材等。逢节假日都有提供主题素材提供下载,且质量很高!

优点:种类超多、质量高、免费下载、主题分类

缺点:非会员每日有数量限制

推荐指数:★★★★★ 4.5

2、包图网(http://ibaotu.com)

包图网,大型素材下载网站。全网站提供原创免费可商用的素材下载,种类齐全且质量超高,每日更新1000张!

10年经验设计师教你如何寻找高质量素材

优点:种类齐全,质量超高,免费下载,全站正版可商用

缺点:非会员每日有数量限制

推荐指数:★★★★★ 4.5

3、千库网(http://588ku.com/)

10年经验设计师教你如何寻找高质量素材

大型素材网站,可能是国内唯一一家专业设计师提供免抠图PNG素材,全站2000万+高质量素材无限下载,推荐!

10年经验设计师教你如何寻找高质量素材

优点:种类多,专业提供免抠PNG源文件

缺点:非会员每日有数量限制

推荐指数:★★★★ 4.5

另外国内还有付费的昵图网和我图网,免费的有站长素材等等素材网站,数量很多这里就不一一举例了。

Loading设计思路分享

博博


UI妹儿 2018-05-04 10:44:21

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

Loading设计思路分享

Loading作为一个常见,并且带有排他性的动画,已经被各路大神表现的淋漓尽至。那么如何在众优秀作品下,做出一个性化的Loading动画?

Loading设计思路分享

Loading种类:

1.状态类(进度条):通常数据量很大,客户端已知加载量,并能根据当前加载速度计算出何时加载完成。

状态型的Loading以进度条类为基准,可以为用户提供预期时间,多伴随百分比进度出现。进度条的形式以线性的形式出现,已知总量,降低用户对期待时间的感受。无聊的等待会让人厌烦,作为一个UI设计师需要关注每一个细节,尤其是用户的情绪并将引导到加载后的页面。

By Piotr Adam Kwiatkowski

2.无状态类(菊花):通常数据量比较小,客户端无法预知加载量。

Loading设计思路分享

无状态类的Loaing以菊花为代表,通常都是一组可以无限循环播放的动画。

无状态类的Loaing如有需要可以做的特别一些:https://dribbble.com/search?q=loading

我们的App需要一个无状态的Loading。

我始终相信设计的直觉很重要,抓住直觉的爆发点,是一个成熟设计师必备的素质。于是先按照最初的想法快速做了一版。

Loading设计思路分享

相信很多人对这个Loaing眼熟,当然,这肯定不是我们要的效果,不过在制作这Loading的时候不断的推翻自己的想法,时而清醒时而模糊,感觉突然找到了方向但瞬间也可能烟消云散。这种不断反复的过程中还是收获了很多。

Loading设计思路分享

既然是无限,循环,表现上就不能过于缺乏趣味,这个度很难把握。形式感上面设计要简单,又要通过最直接的方法创造空间感,偶然间发现马戏团的抛球表演。突然间有了灵感,于是就沿着这个思路开始动手设计:

我尝试去直接模仿抛弃的运动,但是效果并不是很好,但是从Demo中可以看出,值得很入研究。

为此我们搜索了一下现实中的扔球效果:

Loading设计思路分享

经过分析我们得出了第一条小球的运动路经是一个无限的符号。

工作路经确定后,导入C4D中进行单球运动轨迹测

由于实例中,小球会受到重力以及加速度的影响,并非匀速运动,但在实际Loading制作过程中,为了视觉效果,我们希望小球做匀速运动

发现问题:小球在中心焦点位置出现明显卡顿

起初我们认为是速度曲线没有调整好所导致的,但我们尝试几版后发现并不是这样,最后我们发现导致这个问题的原因是路经节点问题。

Loading设计思路分享

调整节点

通过调整节点后,不难发现,中心焦点处的卡顿明显不见了

为了加强透视效果,我们将球的大小和颜色进行了关键帧处理,这已处理增加的景深对视觉的冲击,使得空间感更强了。

看起来怪怪的。。。。。

为了使整个运动规律更加精准,我们发现运动的起点距离是关键,不懈的追求完美的情况下,总是会有顿悟的时刻,幸运的是找到了问题的所在

三个球匀速运动的情况下,应该保证每相邻两个球之间路经上的距离是相同的。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

设计流程与产品分析

蓝蓝设计的小编

为什么近期市场上会出现大片的方法论呢?究其原因:是一种坏的学术风气或普通群众的跟风心里导致的。


互联网兴起初期,没有相应的专业或产品设计的学派,大部分设计师的出发点基本围绕「解决问题」的角度来做产品设计。当时唯一的理论点就是现在所谓的「竞品分析」。

谷歌对话式交互规范指南系列:对话式界面的概念和机制

涛涛

语音交互是一个全新的体验设计领域,目前各家机构、公司、设计组织还处于摸索设计范式的阶段,Google提供了一份非常成熟、系统的交互规范文档,其中包含了核心概念的诠释以及诸多可以指导设计的实践原则。最近正在做的项目中涉及到语音交互的部分,所以顺手将这份文档翻译出来,给需要的设计师参考。

我的译文尽量的贴合文档中原有的表意,同时基于我个人对语音交互的理解对表达文字进行润色。其中有个别概念名词比较抽象,所以我也旁边附上了英文单词,以便大家理解。

我们正在进入一个有光明前景的全新计算领域,机器学习和人工智能激发着对话式界面和自然语言的进步,同时使对话式交互成为一种新的交互模式。

史上最详细 iPad 插画入门教程

用心设计

iPad 在很长一段时间内对于笔者来说,都是看视频玩游戏的工具。但由于手机更易携带且功能接近,iPad
就逐渐被我忽略在了角落里安静地吃灰。直到 iPad Pro 发布,我突然意识到了 iPad 是可以画插画的,即使是我的旧 iPad
也可以老树逢春。于是我怀揣着「旧物利用」的环保理念开始了 iPad 插画的研究之路。下面我把总结的入门经验分享给大家。(教程适用于所有版本的
iPad 哦)。篇幅可能有点长,be patient, 好伐?

史上最详细 iPad 插画入门教程

设计中的中宫指什么?不懂这个谈字体结构和造型都白搭

用心设计

字体设计中,新手设计师才说字体结构松散或紧凑,设计老司机只谈中宫。



你肯定也有这样的感受,因为谈论字体结构松散或紧凑只是对字体造型的直观描述,并无更多内涵或实际意义上的指导。



设计中的中宫指什么?不懂这个谈字体结构和造型都白搭

字体设计的细节&形式感

用心设计



明明想法思路都对了,为什么最后呈现出的效果却...略显遗憾呢?字习时间的活动到七十多期了,其中发现很多作品想法思路是正确的,有些还很有意思,但整体视觉效果确一般,那为什么所想和所做会有如此差距?

所以有了本期要和大家聊的主题:字体设计的细节和形式感。本篇将会通过一些实例带大家认识字体细节和形式感,所用大部分实例选自我课堂中的现场修改,时间短暂难免有瑕疵,望理解。

字体设计的细节&形式感

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档