插图 引用 同一行两个插图_提出食物主题中的插图

插图 引用 同一行两个插图

I have a page in my portfolio, which is about search functionality. I wanted that page to feel fun and engaging, to convey a positive vibe, so I decided to add illustrations to it.

我的投资组合中有一个页面与搜索功能有关。 我希望该页面充满乐趣和吸引力,传达积极的氛围,因此我决定在其中添加插图。

确定主题 (Deciding on a theme)

寻找关键字 (Looking for keywords)

插图应该有一个共同的主题 (Illustrations should have a common theme)

Image for post

Ultimately, the food theme is the closest one to the supermarket and allows for a great deal of creativity. Also, icons illustrating the process of cooking can be very engaging.

最终,美食主题是距离超市最近的主题,并带来了极大的创造力。 同样,说明烹饪过程的图标也可能非常吸引人。

提出食物主题中的插图 (Coming up with illustrations within a food theme)

扩大思路 (Expanding ideas)

Ideation began with 2 words: success and failure. I then wrote down a list of words I wanted to express and came up with a few ideas for each word.

构想以两个词开始:成功和失败。 然后,我写下了要表达的单词列表,并为每个单词提出了一些想法。

Image for post
Image for post
Image for post

进行面试 (Conducting an interview)

For each “title” I had several candidates. I brought top choice illustrations into a page mock-up and interviewed several people. For each illustration there were alternatives from which I asked people to pick the best and explain their choice.

对于每个“标题”,我都有几个候选人。 我将最佳选择插图放入页面模型中,并采访了几个人。 对于每个插图,我都要求人们从中选择最佳并解释他们的选择。

Image for post

总结候选人 (Summing up candidates)

Image for post

开发插图 (Developing illustrations)

制定规则 (Setting the rules)

To ensure illustrations had the same style, I wanted them to have the same:

为了确保插图具有相同的样式,我希望它们具有相同的样式:

  • colour scheme;

    配色方案;
  • perspective;

    透视;
  • split into colour blocks;

    分成色块;
  • highlights.

    强调。

样式样本 (Style sample)

Image for post

Some of the illustrations I studied in more details.

我更详细地研究了一些插图。

切菜板 (Cutting board)

First, I decided on the shape and colour of the elements on the board. I then took several photographs of the items to see how they would look in perspective and what composition would work best for placing those items on the board. This was followed by sketching to determine, how the perspective would work best with the shape of the board.

首先,我确定了板上元素的形状和颜色。 然后,我为这些项目拍摄了几张照片,以查看它们的透视图以及哪种组合物最适合将这些项目放置在板上。 随后进行草绘,以确定透视图如何与板的形状一起最佳工作。

研究 (Study)

Image for post

建筑 (Architecture)

Image for post

沙锅 (Casserole)

In the interview 3 out 5 people preferred casserole for the “Experiment”. The casserole on fire with bubbles looks entertaining and vibrant, so I took the sample 2D outline icon and converted it into a colourful casserole with perspective. To narrow down the shape and colours I did a small study in acrylics and ended up picking one of the samples.

在访谈中,有五分之三的人选择“实验”作为砂锅菜。 着火的带有气泡的砂锅看上去既有趣又充满活力,因此我将示例2D轮廓图标转换为带有透视图的彩色砂锅。 为了缩小形状和颜色,我对丙烯酸进行了一次小型研究,最后选择了其中一个样品。

研究 (Study)

Image for post

建筑 (Architecture)

Image for post

纸杯蛋糕 (Cupcakes)

The cupcakes stand for “Competitors”, for difference. The idea was to come up with 3 different cupcakes.

纸杯蛋糕代表“竞争对手”,代表差异。 当时的想法是拿出3种不同的纸杯蛋糕。

挑战 (The challenge)

  • my chosen colourscheme

    我选择的色彩设计
  • shape of the bottom simplified but realistic

    底部形状简化但逼真
  • colour contrast between top and bottom

    顶部和底部之间的颜色对比
  • contrast between cream and base

    奶油和底霜之间的对比
  • wavy creamy top

    波浪奶油上衣
  • top same width and height as bottom

    顶部和底部的宽度和高度相同
  • decoration on top to make it taller

    顶部的装饰使其更高

研究 (Study)

Painting and sketching cupcakes from photos helped me to familiarise myself with their features.

用照片绘画和素描纸杯蛋糕有助于我熟悉它们的功能。

Image for post
Image for post

建筑 (Architecture)

Image for post

纸杯蛋糕订单背后的信息 (The message behind the order of the cupcakes)

Image for post

图纸加工 (Drawing and processing)

用笔和纸绘图 (Drawing with pen and paper)

The next step was to elaborate on detail. That’s why I went for drawing real-size, on paper, used gelly pens and tombows. Cherries in the top left corner worked as an example.

下一步是详细说明。 这就是为什么我要在纸上用胶笔和墓碑画出真实尺寸的原因。 以左上角的樱桃为例。

Image for post
Image for post

精制 (Refining)

Illustrations drawn on paper have an advantage over those rendered in vector: they have a lively texture, and they looked so nice that I decided to keep them hand drawn. All I added was a bit of processing to clean them up a little and ensure they look like they get same amount of light.

纸上绘制的插图比矢量上绘制的插图更具优势:它们具有活泼的纹理,而且看起来非常好,我决定保留它们为手工绘制。 我添加的只是一些处理,以将它们清理一点并确保它们看起来像它们得到的光一样。

Image for post

决赛-我的骄傲和喜悦 (Final set — my pride and joy)

Image for post

Thanks for reading!

谢谢阅读!

翻译自: https://medium.com/@emiliya_san/how-i-designed-illustrations-for-a-portfolio-page-454dd0ad4da4

插图 引用 同一行两个插图

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/274365.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

脸部细微表情识别_您可以仅使用面部表情来控制字体吗?

脸部细微表情识别原型 (The prototype) Facetype is the name of Adam’s interactive project, in which the emotions detected from a person’s facial gestures control a variable font. To each detected emotion corresponds a specific typeface, which keeps transfo…

uva10891Game of sum

题意:经典的取石子游戏是这样的:有一堆石子,A、B两个人轮流取,每次取一颗,只能从边上取,每个石子有相应的价值,A、B两人都想使得自己的价值最多,两个人足够聪明,问最后价值分别是多少 本题则是可…

用户体验设计师能为seo做_用户体验设计师可以从产品设计历史中学到什么

用户体验设计师能为seo做Many things have changed from tool design in the prehistoric era to today’s digital product design. However, we can see surprisingly many similarities. Especially when it comes down to one particular aspect: usability.从史前时代的工…

orton效果_如何使图片发光:Orton效果

orton效果Have you ever seen an impossibly dream-like landscape photo? One with a slow burning, glowing sunset. That’s really the best way to describe it, the image looks as if it’s glowing. You might be thinking, “wow, I wish I was that good and could …

UVA10785 The Mad Numerologist

虽然是sorting的压轴,但是比起前面真心水题。这个专题结合前面string的很多,排序相对简单了,qsort基本解决。 题目: The Mad Numerologist Numerology is a science that is used by many people to find out a mans personality,…

苹果人机交互指南_苹果人机界面设计指南的10个见解

苹果人机交互指南重点 (Top highlight)I’ve been developing an IOS app for the past few months and have been constantly referring to Apple’s Human Interface Design Guidelines. I would consider it a must-read for any aspiring or current UI/UX designer.在过去…

也来学学插件式开发

上一家公司有用到插件式开发来做一个工具箱,类似于QQ电脑管家,有很多工具列表,点一下工具下载后就可以开始使用了。可惜在那家公司待的时候有点短,没有好好研究一下。现在有空,自己在网上找了些资料,也来试…

同态加法_我对同态的想法

同态加法Early February, I uploaded this shot onto Dribbble. Nothing fancy –– just two screens experimenting with “2月初,我将这张照片上传到Dribbble。 没什么幻想–只有两个屏幕在尝试“ Neumorphism,” or soft UI. Little did I know that this post…

php内核探索

引自:http://www.nowamagic.net/librarys/veda/detail/1285 SAPI:Server Application Programming Interface 服务器端应用编程端口。研究过PHP架构的同学应该知道这个东东的重要性,它提供了一个接口,使得PHP可以和其他应用进行交互数据。 本…

hp-ux锁定用户密码_UX设计101:用户研究-入门需要了解的一切

hp-ux锁定用户密码这是什么? (What is this?) This session is part of a learning curriculum that I designed to incrementally skill up and empower a team of Designers and Researchers whose skillset and ways of working needed to evolve to keep up wi…

extjs6 引入ux_关于UX以及如何摆脱UX的6种常见误解

extjs6 引入uxDo you ever browse social media, internet, or talk to colleagues and hear them say something UX related you disagree with so much that you just want to lecture them on the spot?您是否曾经浏览过社交媒体,互联网或与同事交谈&#xff0c…

Cocos2D-HTML5开源2D游戏引擎

http://www.programmer.com.cn/12198/ Cocos2D-HTML5是基于HTML5规范集的Cocos2D引擎的分支,于2012年5月发布。Cocos2D-HTML5的作者林顺将在本文中介绍Cocos2D-HTML5的框架、API、跨平台能力以及强大的性能。Cocos2D-HTML5是Cocos2D系列引擎随着互联网技术演进而产生…

illustrator下载_Illustrator笔工具练习

illustrator下载Adobe Illustrator is a fantastic vector creation tool and you can create a lot of things without ever using the Pen Tool. However, if you want to use Illustrator at its full potential, I personally believe that you need to master and become …

怎么更好练习数位板_如何设计更好的仪表板

怎么更好练习数位板重点 (Top highlight)Dashboard noun \ˈdash-ˌbȯrd\ A screen on the front of a usually horse-drawn vehicle to intercept water, mud, or snow.仪表盘 名词\ ˈdash-ˌbȯrd \\通常在马拉的车辆前部的屏幕,用来拦截水,泥或雪。…

学习正则表达式

deerchao的blog Be and aware of who you are. 正则表达式30分钟入门教程 来园子之前写的一篇正则表达式教程,部分翻译自codeproject的The 30 Minute Regex Tutorial。 由于评论里有过长的URL,所以本页排版比较混乱,推荐你到原处查看,看完了如果有问题,再到这里来提…

人物肖像速写_去哪儿? 优步肖像之旅

人物肖像速写In early 2018, the Uber brand team started a rebranding exercise, exploring a fresh take on what it means to be a global transportation and technology company. A new logo was developed in tandem with a bespoke sans-serif typeface called Uber Mo…

hp-ux锁定用户密码_我们如何简化925移动应用程序的用户入门— UX案例研究

hp-ux锁定用户密码Prologue: While this is fundamentally a showcase of our process in the hopes of helping others, it’s also a story about the realism of limitations when working with clients and how we ultimately were able to deliver a product the client w…

微信公众号无需二次登录_您无需两次解决问题-您需要一个设计系统

微信公众号无需二次登录重点 (Top highlight)The design system concept can be differently defined according to each person’s background. Designers may say that a design system is a style guide while developers may say it is UI standards, or specs, or even as…

视觉工程师面试指南_选择正确视觉效果的终极指南

视觉工程师面试指南When it comes to effective data visualization, the very first and also the most critical step is to select the right graph/visual for the data that you want to present. With a wide range of visualization software that is available offerin…

问题反馈模板_使用此模板可获得更好,更有价值的UX反馈

问题反馈模板Feedback is an important part of UX design. To improve the work you do you need to be able to give and receive feedback. Receiving valuable feedback is for a very large part up to you.反馈是UX设计的重要组成部分。 为了改进您的工作,您需…