童话说说技术创业美文职业
快好知
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

小处显逼格:细节提升气质

11月11日 颜如初投稿
  时代总是在螺旋式地发展变化中,设计潮流也是如此。随着移动端扁平化设计推进,越来越多的设计师不满足于仅仅是色块、图标和系统字体的枯燥组合,而把更多的心思投入到精益求精的视觉设计中。从平面设计引申过来的技巧在这时起到了画龙点睛的作用:一些细节上的处理,为移动产品的界面大大地提升了品牌逼格。
  例如以设计精美著称的Yahoo的两款明星App产品YahooWeather!和YahooDigest。除了在产品设计上的极致和突出表现外,模糊和斜切的手法,给整个产品的品牌气质提升到了一个新的高度。YahooWeather!不论是在布局、字体和色彩的运用上都显得精致细腻,滑动时高斯模糊的处理更是流畅平滑。YahooDigest的斜切突出一个“破”,在不影响照片内容的前提下,既能在视觉上显得与众不同,又在排版上巧妙地为色彩标签留了一角之地。比起一刀平,更显灵动而不失平衡感。
  国外的优秀案例我们已经看过很多,然而中文Apps在视觉设计上,往往与西文Apps无法相提并论。由于各种原因例如字体的硬伤等,即使依样画葫芦也比原作逊色不少,这样的无奈给中文Apps设计师们徒增不少烦恼。但江山代有人才出,且让我们也关注一下身边,总结下近年一些新秀中文Apps如何通过细节设计,提升产品逼格。
  选用符合产品气质的字体
  字体是设计师的重要武器之一,恰当的字体运用,可以使产品的定位和内容的情感有加倍的表达。关于字体选择和字体与产品气质可以参考另外两篇文章,在此就不多说了。(【英文字体选择】【字体与产品气质】)然则让许多设计师困扰的一件事情是,不管是哪个平台,移动系统自带的中!文!字!体!实在是太少了,而且并没有什么特色。内嵌字体,成为了一些追求完美的App设计师的一个解决方案。
  作为一个交流故事,沟通想法的的写作平台App,简书为了优化阅读体验,选择了思源黑体作为内嵌字体,使用户发布的不管是简体中文、繁体中文、还是日文韩文,都能有比较理想的表现。食色的产品概念是和生活家们一起,发现与分享城市中的美食,所以选择了细腻精致的方正兰亭纤黑作为主要的界面字体。用户第一次使用,就能感受它与其他产品在气质上的不同。
  除了内嵌简洁亲和的非衬线体之外,诸如像Lohas乐活这样小清新和强调自然生活感的产品,则会选用了田氏宋体旧字形或者方正兰亭刊宋之类的,既能体现古韵,又相当简练质感的衬线字体来表达产品定位和气质。
  巧用平面设计的排版技巧
  俗话说,越是家常的菜式越是考验大厨的功力,譬如番茄炒蛋。越是简单的元素越是考验设计师,譬如白底黑字,或是黑底白字。而黑白配的美,我们可以从大师原研哉的作品中深切地体会到。白面之上,黑字是字也是装饰,是点也是线。通过调整体积和间隔,错落地形成画面,构造韵律。
  IDEAT理想家App,继承了法国IDEAT杂志的理念,以展示设计、艺术和风尚的当代生活内容为主。App界面上除了内容图片之外,几乎没有黑白以外的其他色彩元素。通过衬以黑底的高亮白字,既是内容又是装饰,贯穿在整个App设计元素当中;调节这些文字与其他内容之间的间距,又在排版上起到作为点,作为线,甚至作为面的不同功用。
  当然,如果不是内容为主的App,没有太多的排版需求的话,不妨可以像iFashion,或者又是饭本出品的精选限量美食AppENJOY这样,通过直接了当的黑线分割,也是不失干脆利落。
  水印式装饰为图片加分
  水印相机的成功告诉我们,用户也很喜欢用水印来提升自己图片的逼格,而像在Over这样专注于照片装饰的App里,文字水印更是能卖出个好价钱。
  运用在产品界面上,水印式的题图也会给人眼前一亮的惊喜。WOW!在一款高质量画报的分享AppBig里,Big报的每一个题图都经过有针对性的水印式文字排版,力求让用户看到更大的世界,发现更多有逼格的内容。排版上虽然只有文字和小量装饰,字体和色彩的整体感都比较强,统一和谐显得十分大气。
  更吸引眼球的海报式的图文分享
  除了产品本身,分享方式是让更多的不认识的用户了解产品的一个途径。如果只是一段文字配个图是不是觉得已经有点过时?海报风格的图片分享,是在信息爆炸时代抓住路人眼球的一个好方法,自然也需要更多的设计技巧。知道每日故宫App的人,敢情十有八九都不会是因为它的名字或者任何广告,而是因为它精美的分享海报。素雅而有质感的底图,配合古色古香的字体,让人惊艳的不是它反映故宫的历史感,而是透出来的一股洗练的现代气息。每日故宫传达给用户的不是一个当年故宫,而是今日故宫。
  此外,对于用户自己生产内容的App来说,把用户的图片和文字内容合成在一个排版好的模版里面,再分享出去,也是一个能展现设计水平的方式。天天P图的海报拼图,就是一个功能化后的海报式分享。用户将自己拍摄的照片,添加到设计好的海报模版中,可以修改相应的主题和文案,程序还能自动识别照片时间、拍摄地点,只要简单的操作就能组合出一张属于自己的海报。通过海报拼图分享出去的照片,是不仅是通过设计师设计的模版来提升用户照片逼格的成果,也是用户气质与产品气质交织后的成果。
  跟其他相似的海报式分享起来,专注于好友间美食推荐与分享的App夜夜,还加入了一个小心思:通过百度翻译API,将用户输入的文字,转换成繁体中文、日文、韩文以及文言文,并配用内嵌的字体如文悦古体仿宋展示,分享出来的图片又别有一番风味。
  动起来的界面更有震撼力
  似乎传统设计(好吧,虽然我并不喜欢这种称呼方式)近年来风头被界面设计,尤其是移动设计大大地盖过,但如文章开头所说,设计潮流也是不断的螺旋式发展变化中。对于设计师来说,为什么而设计才是最重要的,工具和方法皆是需要贯通的。除了紧跟时代前沿的科技和设计趋势之外,回顾经典和审视生活,修炼细节,也是提炼设计概念的重要方法之一。当然,除了平面设计的元素之外,精心策划的视频式启动页(并不是动画!)也为产品逼格增色不少,看到ENJOY启动页,以及全民K歌的启动页的时候,你是否也有被感动到呢?
  综上所述
  逼格怎么体现?就是化繁为简,以小见大。要做出效果,除了有技巧,还要有心。用心从细节上营造产品气质,给用户带来愉悦感,为品牌获得认同感,形成一股独有的产品气场,又有谁能说就不是一种逼格呢?
  如果你也在做一款或者致力于做一款有逼格的App,欢迎来跟我们交流哦~
投诉 评论 转载

MaterialDesigninAction哔哩哔哩动画An哔哩哔哩动画是中国大陆的一家弹幕视频网站,在中国二次元用户中颇受欢迎。哔哩哔哩动画之前推出过采用AndroidDesign的Android客户端,虽然有使用了部分过时控件……网页设计师必知的高效导航设计三原则推荐语:为网站设计导航就如同为房子打基础。如果地基不牢靠,再壮观的设计也无法掩盖建筑结构的潜在风险,其实网站也是如此,如果想让网站拥有优秀的用户体验,良好的转化率,可观的销售额……为好设计而动〔乐乐导读〕赏心悦目的动效已然成为一个app的必备,作为设计师自然要跟随趋势学习。APP中的动效可以划分为两类,一类是转场动效,应用在页面的切换,加载等,这类动效可以柔和页面的……产品设计:那些击中了人性的痛点?无论做什么样的产品,在规划产品之初最先要考虑的便是产品能够给用户解决什么样的问题,而解决的这个问题能够得到用户的青睐则与人性息息相关。下面我将通过对一些具体的产品进行分析来初步……浅议内滚动布局一、什么是内滚动布局?所谓“内滚动布局”,顾名思义就是主滚动条在页面内部的布局,是相对于传统的滚动而言的,例如,下图所示滚动条,是从头部下方开始:传统的页面滚动,基……【译文】iPhone多任务漫谈【译者注】世界总是处于变化之中,移动设计刚兴起时,在巴掌大的设备中进行多任务处理被认为是不可能完成的任务,移动端多线程界面的想法也一直被视为设计禁忌。然而,当人们的生活节奏越来……小处显逼格:细节提升气质时代总是在螺旋式地发展变化中,设计潮流也是如此。随着移动端扁平化设计推进,越来越多的设计师不满足于仅仅是色块、图标和系统字体的枯燥组合,而把更多的心思投入到精益求精的视觉设计中……从测试人员的角度看敏捷中的障碍Scrum是一种迭代式与增量式的框架,它体现了软件开发的一种敏捷式的途径。在软件组织中,使用Scrum进行软件应用开发与测试正在变得越来越流行。在Scrum团队中,测试与……系列APP设计之二:引导页上次我写了自己关于启动页的一些观察和想法。这次,来谈谈引导页,主要是app启动后展现的引导页,也有人称为前置引导页。今天依然从是什么、为什么、怎么做来谈论引导页。一……设计法则:奥卡姆剃刀原理题外话:分享一个小故事日本最大的化妆品公司收到客户抱怨,买来的肥皂盒里面是空的。于是他们为了预防生产线再次发生这样的事情,工程师想尽办法发明了一台X光监视器去透视每一台出……细数iOS上那些你绝对不会注意到的神细节iPhone的灵魂在于iOS系统,恐怕这一点只要是果粉就绝对会同意。但我们喜欢iOS系统,并不仅仅因为其强大的应用生态,也是因为苹果精益求精到了吹毛求疵地步的细节设计能力。正是……【人人评审团】第7期:拍照pose工具哪好玩app产品分析世界那么大,希望能有更多的人去看看。“哪好玩”APP正是抱着这样的使命,开始了一个“泛旅游图片社区”的历程。这些图片来自你我每一个人,来自大家对精彩生活的体验和分享。以上……
听了那么多课,为什么还是做不好一款产品?新入职产品经理怎么快速开展工作?从签到功能到用户激励体系产品经理项目实录产品汪的“野蛮生长”复盘(1)GooglePlay优化基础,如何为出海产品做好ASO产品“三观”:解读产品经理的三个思考维度数据产品经理认清角色、找好定位让你游刃有余关于教育类产品,如何快速建立师生关联关系?产品经理,项目管理能力真的很重要!做产品必备的同理心,你知多少?产品的GTM,其实没有那么难产品经理修炼手册:思维立体化该如何实现?
小娘惹陈锡最爱的人是丽贝尔还是月娘陈锡喜欢丽贝尔学生时代趣事五年级书信写给社区防控人员的一封信太意外!俄罗斯股市突然闪崩,欧美股市集体下挫,发生了什么?父亲眼里闪着光学生安全责任书精选五篇肖雪慧:网络写作也不能修改事实和编造事实林清玄学插花原文及赏析王羲之学书文言文拼音版月亮作文300字锦集7篇小布偶六一儿童节的礼物作文300字

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界