您正在使用IE低版浏览器，为了您的雷锋网账号安全和更好的产品体验，强烈建议使用更快更安全的浏览器
简约而不简单，谈一谈移动开发中的那些极简设计
雷锋网按：本文翻译自《》-。译文出自《》，译者，校对者，，。设计是一件用户驱动很强的工作。随着用户越来越偏好更简洁的交互界面，如何剔除多余的元素，保留最基础最重要的元素是极简设计的关键。极简设计形式和功能完美结合。它最大的优点是极简的表现形式，简洁的线条，大方的留白，简约的图形化元素，就算是很复杂的内容，在这样的设计下也会显得很简洁和干练。当然，如果能有效的利用这些元素。极简设计必须要 简洁明了和一致的可用性 。你的交互系统应该通过 清晰的视觉传达（Clear Visual Communication） 来解决用户的问题。这也是为什么具备简洁设计和高可用性的应用如此让人深刻。即便只是一个通过极简设计的导航，都能够提供很强的交互功能。要做到这一点，你需要注意以下几个方面。| 简单的配色方案简单的配色方案能够提高用户体验，那么相应的，过多的色彩则会带给用户负面的影响。针对于初学者，有一些预先定义的标准颜色方案能够让你轻松创建新的颜色方案。单配色方案。 单配色方案由特定色彩的不同的色调，阴影或颜色深浅所构成。他们的原理是通过修改特定颜色的饱和度和亮度，可以生成多种协调的颜色，这种颜色方案比较简洁和优雅，不会给眼睛产生太大负担。蓝色的单配色方案（素材来源: Smashing Magazine）素材来源: 。近似色彩配色方案的思路是从色轮上取三个相邻的颜色来做为配色。全手势操作的应用 Clear 使用了近似色彩配色方案，它使用不同颜色来区分任务的优先级或者高亮关键的任务。（顶端的任务使用最鲜艳的颜色，而底部的任务则使用明亮精致的颜色）渐变的黄色和橙色也是近似色彩配色方案的一个例子。素材来源: tuts+iOS 平台的 Clear 应用| 模糊效果模糊效果出现在极简UI设计中是一件非常符合逻辑的事情，它能够增加 UI 的层次感。如果你的 UI 拥有多个层级，使用模糊效果能够让用户清晰的了解到 UI 的前后层级的关系。这也给了设计师一个完美的机会来设计多样化的菜单和层级效果。显示了一张当前位置的风景图片，如果需要查看天气的详细信息，你只需要向上滑动便会马上显示出来。与在原先的页面上叠加一层相比，这种方式在增加了详细信息的易于获取的情况下还保存了上一张图片作为模糊背景后，帮助用户在操作之后有更为直观的反馈。而且交互方式极为自然，你可以很方便的就返回到上一层。iOS 上的雅虎天气| 一个应用中只使用一种字体在一个应用中使用多种字体会看起来很散乱和马虎。减少屏幕上字体的类型数量可以增强排版的效果。当你在设计应用的时候你可以通过更改字体的字重，样式，尺寸和大小来优化布局效果，而不是更换字体。通常来说，一个应用中只使用一种字体 素材来源: Apple当你在为APP选择字体的时候，选择平台的默认字体可能是最安全稳妥的选择：苹果使用 San Francisco Family 字体来提供全平台一致的阅读体验（在iOS 9 中简称为 SF-UI）。和 Noto 分别是 Android 和 Chrome 的默认字体。减少屏幕上使用的字体类型能够获得较好的排版效果。素材来源: Dribbble| 数据的视觉焦点你应该使用大号字体和醒目的颜色来让特定的数据成为视觉的焦点。使用中性的颜色（黑白灰）来展示普通的内容，而一些具备操作功能的部分则使用强对比的颜色来吸引用户注意，从而给给予用户正确的指导和操作。明亮的色调+中性的色调是最容易搭配的方案，同时也是视觉上最引人注意的方案之一。素材来源: Smashing Magazine被放大的字体和显眼的色彩能够很好的吸引用户的注意力，而不需要多余的文字提示。与此同时还提供了简洁易用的信息收集体验。在屏幕特定的区域使用放大的字体和弹出的颜色能有效吸引用户注意力。素材来源: | 使用留白代替线条来区分元素设计师通常使用线条和分割线来给屏幕划分区域和功能类别，但是增加太多这些元素会 UI 界面过于臃肿。更少的线条和分割线能够让我们的页面看起来更加的干净，现代化和功能突出。我们可以使用间距，留白和色块来区分不同的元素。谷歌日历就是一个很好的例子，它使用将两个内容不同的区块清晰地拉开层次，而不是用线段来简单地分割。间隔不仅提供了清晰的视觉也增加了日历应用的易用性。| 图标：线条和填充我们使用图标用来表达某种功能或者内容，图标作为一种视觉语言，它应该是简约易于识别和理解的。iOS 7 后许多极简设计的 UI 都使用线条或者填充的图标。来看看同一个图标分别使用线条和填充的效果。时钟图标 素材来源: 我们来看看底部菜单栏的图标。该图标在应用中通常是作为导航的存在，所以指示当前用户所在区域是很重要的，我们通常使用高亮图标来表示当前用户所选中的区域。这个时候，灰色的线性图标表示为未选中的状态。这样一来我们的底部菜单栏就很直观了。苹果商店的底部导航 素材来源: viget| 总结简约的 UI 和设计技术是完成优秀设计的关键，但是极简设计的本身不是设计的目的。我们最终的目标是要简约 UI 的同时需要保证功能的完整性和高可用性。简单的流程，清晰的视觉传达和与设计的结合来打造无缝的交互体验才是最重要的。雷锋网(搜索“雷锋网”公众号关注)注：转载请联系我们授权，并保留出处和作者，不得删减内容。
同步到新浪微博
关注产品和创新的科技媒体
稀土掘金，挖掘优质的互联网技术干货： http://gold.xitu.io
当月热门文章
￥0（免费上门 手机快修）
￥466.00￥599.00
00:00:00后恢复原价
本栏目由提供
为了您的账户安全，请
您的邮箱还未验证,完成可获20积分哟！
您的账号已经绑定，现在您可以以方便用邮箱登录Please join us for talks by Ian Anderson and Kim Coleman. Ian is a graphic designer and founder of ‘The Designers Republic’, the Sheffield based design studio. Kim is an artist and a designer of live stage shows for bands.
Comm Des Talks are a series of talks and workshop events organised by the Communication Design department at GSA.
Sign up here for tickets:
Com Des 2015 graduate Ruth Kirkby will be showing new work produced as part of her residency at The Caseroom SWG3 on the theme of weaving and typography. The show is at the new Glasgow Society opening 7pm Thurs 24 March.
Term 1 | Session 2015/16
1st Year Department of Communication Design
London Study Trip
Image / Steven Gribben, Yr1 ComDes
– – – – –
A long time ago (only week 12 of Term 1) there was once a poor group of Year 1 Communication Design students from The Glasgow School of Art. They lived in a little village known as Glasgow. They often heard stories about a far away place called London where everybody was rich and the streets were paved with gold. Then came a great storm but the students were determined to go there and dig up some cool practitioners to share thoughts and inspiration. When they reached the big city, they found their own accommodation, navigated hundreds of people on the underground, arrived at all visits on time and asked relevant and insightful questions.
Here is the list of noble practitioners who entertained us /
Tuesday 08 December
VISIT 10.00am
35 Tileyard Studios, Tileyard Road, London N7 9AH
U Caledonian Road
Contact / Giulia Vaccari
Big thanks to the Scriberia team who have a unique offering of visual communication, illustration and animation. Kamilla wrote the following piece /
Blood, Sweat and Tea(rs)- offers the neon sign above Scriberia’s kitchen area cheerfully-
There is a certain welcoming and inspiring, yet very busy atmosphere at Scriberia, permeating the whole illustration studio as we step in from outside, placing our jackets (all soaked up with rain) on the sofa. Scribellings and sketches on the walls, freshly served tea on the table, bookshelves packed up with all kinds of illustrated publications – all these – enthralling for our “young delegation” of ComDes students.
After the first attempts to get back to Earth from this ecstatic visual state, we are then invited to a round-table discussion about the company and the role of being an illustrator nowadays.
Chris shows us some of their recent projects, tells us the company’s creative approach, and gives us some advice on future illustration work while we listen to him mesmerised.
The discussion is cheerful, the studio is well-equipped and with this joyful first impression of a “bit of creative London” we are then heading off in high spirits, bearing the secret thought in mind that it would be indeed very nice to work in an inspiring environment like this.
Kamilla Hu-Yang, Yr1 ComDes
– – – – –
Wednesday 09 December
VISIT 10.30am
Fran Gordon
The Royal College of Art
Dyson Building
1 Hester Road
frangordon@hotmail.co.uk
U South Kensington and a lovely walk
Fran gave the students a tour of the impressive printmaking facilities in the Dyson Building (very shiny and new). She has started the first of two years at the RCA and is loving the freedom to make images. The course is full on and she is loving the new challenges that come with being completely self motivated. Fran was kind enough to show the students some of her sketch books which were considered and quietly powerful. Very interested to see how her work develops when she travels to Canada in 2016. Thanks Fran.
– – – – –
VISIT 2.30pm
FUEL Design & Publishing
33 Fournier Street, London E1 6QE
U Aldgate East
Contact / Damon Murray and Stephen Sorrell
Fantastic studio in the historic quarter of Spitalfields (just off Brick Lane). Stephen and Damon were chatting away with the students when I arrived (took a wrong turning). Gilbert and George opposite and Tracey Emin just along the road. FUEL were founded in 1991 and are famous for their work in print (see ). They have also produced and directed short films, identities, film titles and TV commercials (see ). Great insight into a working process that relies on discussion (very few scribbles) – it has to sound right before they commit to visuals. Working with
presented its own challenges in that she does not like the design to detract from her work – design elements have to complement in a clean and understated way. Engaging, humble at times, generous and warm.
– – – – –
Thursday 10 December
VISIT 10.30am
HEART Illustration Agency
Top Floor, 100 De Beauvoir Road, London N1 4EN
U Dalston Kingsland
Contact / Darrel Rees
An illustrious list of names on the door buzzer raised the anticipation for this visit. Up a flight of stairs to an open plan loft studio including Eye Magazine and a number of notable creatives. Darrel met us at the top of the stairs and chatted to us at a large table in the middle of the studio. A lovely space with just the right amount of activity going on in the background to create a murmur, not a distraction. Valuable knowledge from the professional world of illustration – where commissions come from, how to put together a portfolio that resonates, how to keep busy when the phone doesn’t ring, managing workflow and the advantages of having an agent. I like the way Heart operates like an extended family with social events organised to bring all the illustrators on their books together to chat and share. Darrel has the overview, ensuring cohesion between illustrator and client. The printed samples provided were a mixture of promotional pieces and publications – The Ancient Mariner by Samuel Taylor Coleridge being a beautifully printed example (look out for other examples of Beat produced by Heart Illustration Agency). Darrel sent me an email a few days after the visit — “Hi
Michael, Just wanted to say it was a pleasure to meet you (again) and your very nice bunch of students. I really hope the visit was of some interest/help to them, even if it’s just seeing inspiring work.”
– – – – –
VISIT 4.00pm
FITZROY & FINN
Studio 1, Albion Buildings, 1 Back Hill, London EC1R 5HT
met at Betsey Trotwood, 56 Farringdon Road, London EC1R 3BL
U Farringdon
Contacts / Paul Finn and Alistair Hall
An outstanding hour of chat (starting off in the Betsey Trottwood) with Paul Finn (of Fitzroy & Finn) and Alistair Hall (of ) then moving across the road to their bijou studio. They share the space with David Pearson the absurdly talented book designer who was out on business unfortunately (David designed the audacious Penguin cover for Nineteen Eighty-Four, you know the one? — the title is cleverly redacted). As I glanced around the studio I could see D&AD annuals (hot off the press), other classic Penguin Books, design guidelines for the BBC website, A Practice For Everyday Life‘s “”, a book about Brazilian concrete poets — all lovely stuff. It turned into a quality double act with Paul and Alistair trading stories about their work and philosophy. The best bit was a 5min, 4min, 3min, 2min, 1min countdown of their greatest hits described in a brilliant non-stop duologue. Heartening to see that with a bit of passion and skill, small can still be beautiful.
See the Yr1 typographic safari
– – – – –
On December 15th, the film will open up on Vimeo in the US, Canada and the UK, with more countries TBA.
Directors Note:
The bicycle, an amazing tool for change. Activists and cities all over the world are moving towards a new system. But will the economic powers allow it? Bikes vs Cars, a new film project from BANANAS!* and Big Boys Gone Bananas!* director Fredrik Gertten, looks into and investigates the daily global drama in traffic around the world.
Mining Poems or Odes, a short documentary made by Glasgow based filmmaker Callum Rice has been selected to screen in competition at Robert Redford’s . This follows Callum’s recent success at the Scottish BAFTAS in November, where the film picked up the award for Best Short Film.
Callum is a graduate of Communication Design at GSA.
I thought I’d sign off
. And a big thank-you to ,
for helping to set this up in the first place,
for his always entertaining contributions, and the lovely . Please keep in touch , , and, if you really must, . X
If you’re in London, consider the . Brought to you via viscomdes person Gareth Lindsay and friends of viscomdes Europa.
On Wed 21st October, Studio 223 at SWG3 will host a very informal Feral Studio / Make Works event, with Open Work presenting some ideas they’ve been developing using Make Works databases of makers and manufacturers. It’s a 5-way collab. The best kind of collab.
The second part of the evening might involve a making and manufacturing Pecha Kucha Roulette, featuring some of Glasgow’s hottest designers and makers (if we can get it together).
6 for 6.30pm start.
Ruth Ewan’s Jukebox of People Trying to Change the World is a CD jukebox, sitting between digital and analogue technologies, which contains a growing collection of songs addressing a spectrum of social issues, some directly political in motive, some vaguely utopian and some chronicling specific historic events. The songs could all be described as progressive in subject matter. The archive currently contains over 2,000 tracks, with no more than two by the same artist, which are ordered into over seventy categories such as feminism, land ownership, poverty, civil rights and ecology.
(thanks James Greig for the link).
Over a year ago, I went to . It was fantastic – in both the quality of work showcased and the intellectual reach of the . Unfortunately I didn’t manage to write up my notes, but you can follow the general goings on . If you prefer to experience things through the medium of ambient field recordings, you can access that below.
Earlier this year I attended a
conference at
in Berlin. (HKW generally puts on fantastic conferences at reasonable costs, and as such, is worth checking out). Also at the conference were vis-com-des people
and . The conference was a summary of other various symposia that have taken place under the Lunch Bytes banner (an initiative of the Goethe Institute) on the topic of Post-Internet Art. This is a highly contested term, and rather than try to write up what everyone said, (you can see the videos of the presentations ), I asked if Sophie and Solveig would be interested in exchanging questions and answers from the conference. They generously agreed, and that exchange can be read below.
Studio 223 are excited to announce their second resident in The Press, Gareth Lindsay, who will be discussing some of his work and his intentions for the residency during an informal chat at Studio 223 in SWG3. Gareth graduated from Communication Design at GSA in 2013 and lives in London. He is a freelance designer working with Europa, The Wire and most recently Housmans radical bookshop in Kings X. Through these various roles, Gareth works on books, booklets & leaflets, signing and shopfronts, exhibition design, magazine layout, various printed ephemera and even websites. More marginal activities include amateur cabinet making, sporadic lettering and minimal amounts of writing. Guests are welcome to join us after Gareth’s talk for a Pizza Party and Talks from the artists and designers who work in the studios at SWG3.
Tyler Br?lé hosts a special live magazine discussion with some of the industry’s most revered figures. Gert Jonkers of ‘Fantastic Man’, editor of ‘Paris Match’ Olivier Royant, media strategist Ian Birch and world-renowned graphic designer Erik Spiekermann all appear before a studio audience.
Interesting discussion on magazines .
has had a site refresh, and it’s a good excuse, if any were needed, to look through their amazing resources for anyone with a critical interest in the internet and digital networked technologies. Many of the books are available as download.
Congratulation to
– Nichamon Kittisimanont and Finn Arschavir, Y4 Illustration and Graphics, with The Rucksack Project.
Book & Web of the Week
The Internet, at a Glance
Disclaimer: collected by Neil.
Incidental RecommendsFrom the Archive
Recent Posts
Categories
Buying Books from Amazon?
and help raise funds for GSA.
Please also support local bookshops such as Aye Aye (CCA), Analogue, Good Press etc.
Long Lunch
designers.
Disclaimer / Proclaimer
The views expressed on the Visual Communication blog are at the very most those of the authors, and possibly not even that. Any similarities to hyperlinks either live or dead are purely coincidental.
01a: Vis-Com-Des Networks
02: Friends of Com Des
03: Of Interest
04: Other GSA blogs/sites
05: Other Com Des Sites}