@应昼雨成 设计中有很多细微的东西要注意，就如UI设计中，元素的统一性，图标风格、段落的排版等等，只有能注意这些细节，你的 APP UI 才算合格。下面由设计师应昼雨成总结了17个提升用户体验的 UI 设计小技巧，也是我们日常用到的很基本的技巧，对于新手UI设计师建议一看，注意案例中「对」与「错」不是绝对的，仅用于参考作用。01、图标保持统一性图标是UI设计里非常重要的模块之一，最重要的一点是要保持风格统一。如果是填充型的图标，那么一套设计里不要出现线性的图标设计。其次就是描边大小的统一，定下了3px就要全套保持即可。最后图标要做到识别度和差异性。 02､字体运用保持统一字体合理运用是UI设计很重要的一点，要么字体很不相同，要么就用一款字体。像第一个案例，字体字形比较接近，但是又不是一款字体，看久了会非常突兀。其次就是要突出主视觉文案的时候，要尽量把辅助字体缩小，形成对比。 03､风格保持统一性目前最流行的两种设计方式，第一：扁平化 第二：卡片式。卡片式最有意思的就是运用投影来模拟现实的距离感和层级。如果选用卡片式的设计方式，那么全局尽量都要运用上投影效果，不要一块卡片，一块扁平，风格保持统一很关键。 04､投影的合理运用投影选用的颜色正确和错误，直接拉低作品的质量。在工作中，按钮等控件使用投影尽量用吸取工具，把主色调提取出来，把明度压低一些，总这要保持同色系的投影，这样才会符合视 ...继续阅读 (27)

夏天来了，给大家一个清爽的小插画临摹，像不像冰激凌？大家也可以动动手换成冰激凌，快到周末了，多出去走走看看诗和远方。作者地址：https://dribbble.com/shots/3508066-Air-Balloon1.可以用ps或者ai，推荐ai2.注意配色3.尺寸800*600转载请注明：学UI网»画个热气球上天玩【做作业】 ...继续阅读 (14)

夏天来了，给大家一个清爽的小插画临摹，像不像冰激凌？大家也可以动动手换成冰激凌，快到周末了，多出去走走看看诗和远方。作者地址：https://dribbble.com/shots/3508066-Air-Balloon1.可以用ps或者ai，推荐ai2.注意配色3.尺寸800*600转载请注明：学UI网»画个热气球上天玩【做作业】 ...继续阅读 (9)

小编：“很多人不知道找工作带什么样的作品集才有说服力，下面就欣赏2套不同风格的优质作品。从APP的起名字、到图标设计、界面布局、交互、文案都是自己思考完成，100%的原创设计哦。找工作就要带上这样的作品，妥妥的轻松搞定。”老虎帮课程学完以后每个人都可以做出实打实的接地气原创作品，直接带着去找工作。6月1日第9期开学，要参加老虎帮的小伙伴抓紧报名考核啦。平面设计，电商设计师也可以拿自己作品参加考核。请加QQ群:499971705详细了解老虎帮高级课程。Icebear专为爱摄影、爱美食、喜欢分享图片的用户打造。在这里建立自己的兴趣爱好部落，以图会友，让生活更多精彩。作者：杭州-秀一zcool主页：http://www.zcool.com.cn/u/15484321 宅猫是一款宠物社交分享APP,在这里你可以结实志同道合的宠友们，并以宠物为第一视角来分享与铲屎官的精彩瞬间。另外，直播、周边服务、商店等个性化服务通通少不了。爱，就与TA“宅”一起吧。作者：艾斯zcool：http://www.zcool.com.cn/u/14203994 更多优质作品可以访问老虎帮作业集http://laohubang.cn/zuoye小广播：“老虎帮第9期6月1日开学，增加了10课新内容，报名前需要考核基础，请加QQ群:499971705详细了解老虎帮高级课程。”200多套优质作品，你来学完老虎帮课程 ...继续阅读 (21)

我们的设计必须显示展现出组织性良好的信息，这样用户才能很容易地理解所显示的内容。这是提供良好用户体验的关键。在大量显示数据的方式中，有一种经受了时间的考验，并证明即使在今天也是高效的。它被称为“ 五帽架 ”。“五帽架”的概念最初由Richard Saul Wurman在他的“ 信息焦虑”一书中形成 。后来他写了这本书“ 信息架构 ”，在那里他重新定义了“五帽架”的概念，形成了LATCH原则。“信息可能是无限的，但信息的组织是有限的，因为它只能由LATCH组织：Location位置，Alphabet字母，Time时间，Category类别或Hierarchy视觉层级。”– Wurman，1996这个想法是组织信息有五种方式。这五种方式到最后都是以清晰的方式解决用户的问题。这些方式避免了组织一些仅仅是为了好看外观，但是不包含答案的信息。“我已经尝试了一千次找到其他方式来组织信息，但我最终仍使用这五种之一。” – Wurman，1996年让我们来看看这组织信息的5种方式。Location位置通过它的位置来组织信息。它可以是物理位置或概念（空间）位置。我们人类已经在我们的日常生活中养成了用这种方式组织位置的习惯。从使用地图导航和制定战争策略，到在厨房里摆放我们的食材，都运用了这种方法。当信息具有多个不同的来源和地点时，根据位置组织信息变得尤其重要。例如，在设计特定服 ...继续阅读 (23)

小编：阿里巴巴国际UED负责人傅利民针对阿里巴巴服务全球的在线交易平台“速卖通AliExpress”进行了如何进军海外的介绍：关于业务、团队、APP设计跟随用户趋势、如何利用国际平台，拓展海外市场以及阿里的主体优势打造一个优质的平台。国际化业务介绍阿里巴巴的海外业务主要分为海外B2B和海外B2C，其中B2C的业务有三块，第一块是速卖通AliExpress，主要在美国、俄罗斯、西班牙以及南美很多国家流行，覆盖230个国家。第二块是Lazada，用户是东南亚的国家的买家，比如泰国、新加坡、马来西亚。第三个是PayTM，主要是覆盖整个印度市场。这几年国际业务的发展迅速，以AliExpress为例，在去年“双十一”一天就有3500万的订单，在121个国家APP排在商品类目里第一。AliExpress的日活用户在去年已经超过了1千万，两个星期前更是超过了一亿注册用户。现在俄罗斯街头上你看到的包裹里，有50%的是从AliExpress来的，普及率和淘宝在中国的情况非常像。Paul和大家分享了做海外业务的六点心得，希望可以帮助到所有有海外业务背景或者跨国合作需求的团队。第一，在做海外业务时需要建立国际化的团队做国际化业务，对海外用户的了解是很重要的，大家很容易想到的就是在海外建团队，但是和海外团队的协作中遇到很多问题，第一个语言问题；其次还有很大一个问题是时差。两边沟通，一边是白天，另外一边是晚 ...继续阅读 (25)

每年的五月中旬，戛纳电影节都会如约而至，群星闪耀，大师云集。本届戛纳电影节于5月17日至28日举行，今年有18部来自世界各国的电影入围主竞赛单元，共同角逐金棕榈。2017年是戛纳电影节诞生70周年，早前官方发布的海报上是1960~1970年活跃影坛的意大利女演员克劳迪娅·卡汀娜的倩影，照片1959年拍摄于罗马。这也符合今年电影节“欢乐、自由、大胆”的主题口号。△ 海报由巴黎Bronx广告公司以及Filifox工作室的 Philippe Savoir设计然而，官方海报一公布就引发了争议，仔细看，海报把克劳迪娅·卡汀娜的照片进行了PS，下巴、腰、腿等都有改动。克劳迪娅·卡汀娜本人明确表示不介意：“这张海报不仅代表我个人、代表舞蹈，还代表飞翔的精神。图片的修改加强了照片轻快的感觉，把我变成了一个梦幻的角色……我不认为这里需要强调完全尊重现实，作为一个坚定的女权主义者，我并没有从中看到对女性的不尊重，世界上还有更多重要的事情值得讨论，别忘记这只是影像。” ▽第70届戛纳电影节形象设计 “导演双周”单元创于1969年，由法国导演工会主办，它与“影评人周”单元一起组成了戛纳电影节的两大平行单元。 ▽ 2017年戛纳电影节“导演双周”单元海报今年的海报主体是一张黑白照片，铺满云絮的天空下树立着一块巨大的标牌。标牌上”SOGNO”的字眼是意大 ...继续阅读 (24)

小编：@蒸个馒头 在我们做设计的时候，很多同学可能都会遇到一种情况，客户或需求方看完设计稿后一边摸着下巴一边说：“我总感觉少了点什么…  你再改改。” 或者说：“太平了”、“有点单调”  其实这些都是缺乏层次的表现。目录一、画面的层次1.使用点、线、面来分割画面2.留白3.在摄影中找层次二、色彩的层次1.颜色的对比2.渐变色的流行3.多种颜色搭配的控制三、文字的层次1.字体的对比2.文字的对比 什么是层次感？把画面中的各个元素合理的、清晰的、有节奏的组合在一起，使整个画面看起来更加的舒适、愉悦和协调。是不是感觉很深奥？好吧，换句简单的话来说就是——不多、不少，看起来舒服正好！我的这篇文章分为3个章节，而每个章节都有若干细分的知识点，各位看官请仔细看哦！一、画面的层次1.使用点、线、面来分割画面点、线、面是设计中最基本的设计元素，学过平面构成的同学应该都有些了解，连点成线、连线成面、而面缩小到一定程度就是点。而面的边界就是线，线的宽度增加和点扩散到一定的面积也就成为面。上面的这几句话看起来比较复杂，其实仔细想想这就是世界里一切元素的原理甚至是宇宙星空。我们下面来举个例子。上图就基本可以把点、线、面的所有变化全部概括。下面我们来分析一下。红圈里的十字元素可以看作为“点”做为整体画面中的装饰元素出现。要注意的是所谓的“点”并不只是圆形的哦。任何在画面中尺寸和面积相对最小的元素 ...继续阅读 (27)

小编：最近很多作品运用明亮的色系，更多的运用在插画、APP设计、banner、平面设计等等方面，今天这组网站也来蹭个热闹，去看看吧～。欢迎吐槽Wellington Zoo Le Cafe Noir Studio Adaptable Sarah Drasner Design YUMLER Caava Design Brightlabs Le petit cambodge City of Weslaco Penahligon’s Stomp – arcade smash action Parklife Festival SLG Agency Coup de Coeur francophone 2016 ToyFight Chunk Creative Agency Proud & Punch™ Where’s Lolly? Mosster Studio Lordz Dance Academy 原文地址：设计之家 转载请注明：学UI网»20个明色彩网站设计欣赏 ...继续阅读 (29)

小编：是不是经常听到一个声音：要了解产品，了解业务?作为一个设计师，无论是为了和产品们的和谐关系，还是为了摆脱”美工”这个称号，我们都需要知道「结构化思维」。下面跟随@ 周彭 通过几步来理解「结构化思维」。一、写在前面开始前，我们先来做一个小测试：下面是一组英文字母（共 14 个），你是否能在 3 秒内看完并记住它们？g、c、f、e、b、a、g、d、c、f、d、a、e、b是不是感到有点吃力？如果我换一组字母，再试下。a、b、c、d、e、f、g、a、b、c、d、e、f、g现在是不是好记多了～两组字母其实是一样的，而第二组更有规律，信息分组归类更清晰，符合常人的记忆习惯，所以更容易被记住。工作和生活中，我们难免会遇到各种各样的困难和棘手的事情，面对复杂的问题，我们常常一头雾水、无从下手，或者是能冒出很多点子和想法，但无法将它们组织成一个完整的解决方案。而另外一类人，在遇到同样的问题时，会不慌不忙，思路清晰，将各种问题处理地妥妥当当，井然有序，并能顺畅地表达出来。是因为他们智商过人？还是有三头六臂？都不是！更多的是因为他们擅于运用「结构化思维」去解决问题。二、定义与价值定义「结构化思维」是指在面对工作任务或者难题时，从多个侧面进行思考，深刻分析导致问题出现的原因，并采取恰当的手段快速、系统地解决问题。价值层次清晰：帮助我们更全面以及更系统地思考，将复杂的问题简单化，并且能够快 ...继续阅读 (17)

小编：来自波兰的NetGuru团队对宜家网站进行再设计，提炼了简洁的展示方式，明确的用户目标。宜家是全球最大的家具家居用品商家，它的产品提倡让每个不同需求、收入的人们都能享受家的温馨。原文地址：behance转载请注明：学UI网»宜家网站设计概念稿欣赏 ...继续阅读 (62)

小编：提到重庆，大家脑海中的第一印象就是“火锅”“美女”，这是很多人给重庆人的标签；小编自己也是重庆人，为自己的家乡感到自豪，同时也谢谢虎哥，谢谢老虎帮这个平台，让我们很多人从陌生变成了熟悉，相互关照的朋友；我们一起来看看火辣的老虎帮重庆分舵的聚会吧！啦啦啦啦~2017年5月14日，老虎帮聚会的大日子到来啦，虽然咱们重庆分舵人少，但是在虎哥的大力支持下，小虎伴终于聚在了一起。这是我们友谊初次相识的起点。 辣妈暮夏，千里迢迢跑来参加party，辛苦啦。 可爱的小情绪小仙女，会吃会玩，引领我们一路high起来。 带着家属，洋溢着幸福的石榴鱼，满满的幸福感。 还有爱卖萌的小橘子。五个人的美食开始就要啦。当美食遇上设计师小情绪，会擦出怎样的火花呢？ 只需要烫30S的雪花肥牛 小清新的木耳 美味的山药吃饱后，小虎伴们一起high起来。 颇具重庆特色的背景，后面的2号线轻轨正在行驶（就是传说中穿房子的2号轻轨） 排排站，我们都是爱学习的好孩纸。为牺牲自己，给我们拍出美美哒照片的小情绪仙女点赞。 卖萌时刻到：小情绪and暮夏 小情绪and小橘子 小橘子and暮夏 我们坚信越努力越幸运~ 最后附上别具一格的签名横幅感谢虎哥，给我们提供了这样一个圈子，可以学习，还可以吃喝玩乐。学UI网，越努力，越幸运哦！ 转载请注明：学UI网»老虎帮聚会之重庆分舵聚会 ...继续阅读 (25)

什么？还有这好事，一边吃枇杷一边听讲座？这么嗨~！事情是这样，学UI网解答团的一个叫Miya（米娅）的妹子，自家种的枇杷熟了到了销售旺季，然后这个枇杷果子确实好吃的不得活，“水果之皇-东山白玉枇杷”。这果子一年也就只卖15天时间，就过季了。虎哥拿快递的时候，顺丰小哥说：“你真奢侈，这快递费，都要赶上枇杷果子钱了。”我擦，这么贵的快递，让我想起来，我给虎帮徒弟发一个文件一张纸就要21块快递费，更何况几斤枇杷果子。虎哥是想帮忙学UI网员工Miya拓展下销路，反正爱吃枇杷和想吃的人，在哪里都是买，还不如在我们这里买，支持下学UI网解答团的小伙伴。Miya也同意包邮，包邮，这是网上买水果最大的一笔费用。最关键是这枇杷很好吃。3斤128包邮，5斤168包邮。抢购10天。另外购买的人，加QQ群：531825212   加群验证写你的淘宝ID，然后就坐等分享课。也可以交流UI设计。购买地址：学UI网官方店铺：xueui.taobao.com 点我直达 >由虎哥代收果子钱。这分享课的价值远远大于枇杷果子的100多块钱，现在UI找工作不好找，我相信很多人需要这方面的知识的。虎哥会带着若干个年薪20w以上的设计师，给大家解答面试中可能遇到的问题，和对应的方法。Miya，虎哥也就只能帮到这里了。希望爱吃枇杷或者想吃枇杷的小伙伴，或者为了想听课的，故意购买帮Miya忙的小伙伴，都欢迎！平时有问题，也可以咨 ...继续阅读 (35)

做作业啦！做作业啦!做作业啦！今天我们的作业一个登陆界面的临摹。你觉得你可以搞定嘛？注意：选图很重要图标制作把握全局要求：提交的作业在背景的右下角或评论框署名，格式为：(N群-XX）注：本作业来源于网络，若知道原作者或者原作者看到，请与本网站工作人员联系，我们将在第一时间处理各位童鞋请选择适合自己现阶段的练习：新手作业进阶练习中高级作业转载请注明：学UI网»JEFIT登录页作业【做作业】 ...继续阅读 (23)

小编：交互流程图在网站建立初期用于规划分析用户浏览网站时所出现的各种状况，它的初衷就是解决用户的问题。一份优秀的流程图可以省去需求文档和交互设计文档中的许多文字描述，让技术人员一目了然地明白设计意图，便于组织程序的逻辑顺序。（请自行搬梯子啦～）Information Architecture by Kellyn Loehr User Flow by Eric Ressler Simplified Checkout Process by Michael Pons User Flow by Mackenzie Child Flowchartby Eric Miller Website Flowcharts for Illustrator by Eric Miller Mobile Flowchart for Illustrator by Eric Miller Sitemap by Ed Moss User Flow’in by Bill S Kenney Sitemap For Student Guide by Janna Hagan Site Flowby Angie Herrera Sitemap for IntelliMap by AveA Website Flowcharts Stencil by Eric Miller Sitemap/Flowchart for the W ...继续阅读 (31)

@TTTing （温馨提示：今天的内容量很多也很实用，建议大家耐心阅读完后收藏备用呐～）写在前面不知道大家有没有发现一个现象，现在几乎所有的节日都变成买买买的电商节日了（连清明节和单身狗的节日也不放过，可怕。。），而且大部分节日最终其实都变成了美少女们的狂欢日，就连儿童节也变成了（大龄）美少女们最喜欢的节日之一，这大概是独生子女越来越多以及男女比例失衡的缘故吧（据人口学者及高级统计师姚美判断，2020年或将爆发光棍危机），一些父母在孩子二三十岁的时候依然还会只是把她们当孩子看，逢年过节会给她们买礼物，很多女孩子也会或希望能在儿童节这一天收到男票或闺蜜送的节日礼物等等。而鉴于这种观念和群体喜好的转变，我们对于相应节日的设计方向肯定也是会跟着变啦。就以儿童节举例吧，你以为现在一提到儿童节，卖货玩法还是只是针对儿童的相关的吃穿住行么，设计风格还是粉嫩嫩小卡通然后放2个小可爱再加点小手绘就完事了么？当然不是啦，因为过儿童节的群体已经从正真的未成年儿童蔓延到了更广阔的年龄群体，准确来说，能不能过儿童节已经与是不是儿童无关了。就拿卖萌来说，它好像已经不是儿童的专属技能了一样，就好比我们现在经常能够在网络上看到一些“大龄明星”的卖萌身影，并且确实还挺可爱的（如果你们有人从几年前就开始玩美图秀秀的话，应该也能看到这种转变，以前非常正经的美图秀秀现在越来越萌萌哒了，其实这也是在顺应女孩子们内心深处都 ...继续阅读 (67)

又到了一天做作业的时间了，今天我们的作业是一个小插画的练习。整体来说难度不是很大，推荐各位童鞋用ai去制作哦！注意：各部分的大小比例注意轻微的颜色变化注意各部分的前后层次要求：提交的作业在背景的右下角或评论框署名，格式为：(N群-XX）原图链接:https://www.instagram.com/p/BG3KMVfhmV0/各位童鞋请选择适合自己现阶段的练习：新手作业进阶练习中高级作业转载请注明：学UI网»插画小练习【做作业】 ...继续阅读 (28)

小编：你知道Facebook的主色为蓝色是因为它的创始人Zuckerberg是红绿色盲吗？配色对网站的重要性不言而喻，作为设计师的你若常纠结于配色，那么希望今天的50套配色方案能让你略微轻松的应对配色。NO.1 对比少量暖色与大面积蓝绿色，形成强烈的对比，即干净又显得专业。 NO.2 艺术梵高美术馆官网，配色取自他的作品，温暖的黄色、丰富的蓝色配合清爽的绿色。 NO.3 优雅温和的金色与白色调，形成鲜明的对比，简单、优雅。 NO.4 现代橙色和蓝色打造出充满活力的明亮色，再加入一点点灰色平衡，使整个配色有趣又不会跳跃。 NO.5 霓虹强色调的霓虹搭配暗黑背景形成高对比度，呈现出的效果非常惊人。 NO.6 冷色饱和色调搭配冷灰色，形成优雅的效果。 NO.7 热情墨染式混合冷暖调，创造出一个独特的氛围。 NO.8 清爽蓝、灰、白打造清爽的背景，红色引领了视觉的焦点。 NO.9 暖色调干净的画面用浅棕色作背景，低调又不失温暖。 NO.10 敏锐的现代风吸引眼球的青绿色博得焦点，给人一种简单的新鲜、现代感。 NO.11 酷炫暖色的橘黄色结合冷色的青铜灰色，搭配出大胆的酷炫效果。 NO.12粉嫩清淡柔和的色彩打造出明亮有趣的画面。 NO.13 复古明亮的复古风。 NO.14 干净优雅大面积的紫色，干净利落。 NO.15 活力明亮的蓝色、橙色、黄色搭配浅灰，不仅体现了专业，也充满了活力。 NO ...继续阅读 (35)

小编：今天带大家学习一下最近比较流行的故障效果，这种效果是一种基于“故障”的审美创作，可以看做是“美化故障”，或者通过“故障”完成审美活动的创作手段。感谢作者@嘉顿小熊饼的分享与讲解，制作过程比较简单，效果确实是很棒！小伙伴们快快学起来吧。《营造复古氛围的13个“故障效果”网站欣赏》《“故障艺术”的制作教程及必安利的利器！》 文章来源：站酷作者：嘉顿小熊饼 转载请注明：学UI网»PS打造故障效果 ...继续阅读 (19)

小编：咱们昨天的作业还记得吗？那几个通透质感的小图标！今天我们的大毛就直接带着大家嗨起来~~来了一个小教程，昨天不会做的童鞋可以看看这个哦！ 转载请注明：学UI网»通透质感小图标教程【教程】 ...继续阅读 (10)

小编：推荐20个设计优雅的网站，柔和、清新、可爱的色调非常适合女性类网站。如果你正在做这类主题设计，希望能给你的配色添加点灵感。SweetCake – One Page PSD Theme Le SALÓN Brand & Web Design: Dotty Rose – Cakery & Sweet Treats – Mood Board, Brand Styling, Branding The Sky tells me… | Personal Website One Page Wes Anderson Elysse Ricci CHELSEA NICOLE Web Design Coastal WordPress Theme The Nail Lab Template Interior – Web Design Jessica Davey Website Minimalist Squarespace -WordPress Themes Station Seven Mario Bruschi BRAND IDENTITY WEBSITE: MO ISOM Sweet Crumbles – designed by DuoParadigms! Ithaca Bakery Dots Cupcakes Cassiopeia – Minimalistic & Clean Portfolio ...继续阅读 (13)

【前言】@舒舟2017年，回顾我的职业生涯，已积累了超过10年的企业（To Business，以下简称B类）产品服务经历。从早期的企业产品数据管理（Product Data Management）软件Autodesk Vault，到工程图设计审阅工具Autodesk Design Review，然后是方便进行云端工作协同和工程文件查看的移动应用Autodesk 360 Mobile。5年前机缘巧合进入阿里巴巴1688，继续做B2B领域的移动业务设计，似乎我跟B类业务有特殊的缘分。根据在Autodesk和阿里巴巴的实践，我想简单表达下自己对B类体验设计最直观的三点感受：1、看起来不够酷，往往还伴随复杂性、模糊性和枯燥性。2、设计创新成就感不直观，自己的作品无法被家人及好友熟知理解。3、需要不断平衡业务利益与用户利益，取舍和妥协已是常态。 为什么要强调B类体验设计？究竟是什么会让设计师将自己的精力和创意锁定在这个特定的用户体验领域？一句话，因为征服B类体验设计挑战的成就感很强，对个人能力的塑造和锻炼也更快。1、随着技术的进化和优秀体验的普及，B类用户对体验的期望越来越高，已经跟流畅且愉悦的使用手机淘宝、Instagram、Airbnb等体验要求类似。谁说B类体验就一定很土而不能很酷？将原本只在C类市场中感受得到的体验引入到B类市场是一片蓝海。2、B类业务的复杂性及模糊性，能让设计师持续 ...继续阅读 (20)

今天咱们的作业是一组通透质感的图标的临摹~~相对来说难度也是比较大的，希望各位童鞋认真完成哦！注意：新建画布800*600px注意投影颜色，要跟背景统一色系要求：提交的作业在背景的右下角或评论框署名，格式为：(N群-XX）原图链接:https://dribbble.com/shots/2836371-BIU各位童鞋请选择适合自己现阶段的练习：新手作业进阶练习中高级作业转载请注明：学UI网»通透质感图标【做作业】 ...继续阅读 (18)

@呆呆U理今天这篇文章对一部分人来说可能比较基础，介绍的内容也非常多，篇幅也非常长。因为我怕大家对字体不是很感兴趣，所以我就把各种知识点做了整理，然后以这样的方式来输出，好让大家先对字体有个简单的了解。这绝对是改变你对字体认知的一篇文章，所以收藏绝对没坏处。如果，你看完这篇文章突然就对字体感兴趣了，请你也告诉我，我知道之后会对字体的某个知识点做深入解析，带大家更好的学习字体。没看这篇文章之前，也许你觉得自己对字体已经很了解了，但是请相信我，这仅仅是你以为的而已。（为什么我读这句话的时候，感觉自己很牛逼，啥都懂似的…）在平面设计中，字体的重要性毋庸置疑了，从海报到杂志，基本都要以字体做根基。然而，真正懂字体的人其实不多。在最近两年里，字体慢慢又被大家重视起来，因为在 UI 设计中，字体的运用也慢慢多了起来，虽然大家看到的 App 更多的是系统自带的字体，但是『为什么 IOS 会更换新字体』、『这类产品为什么要这样对字体进行排版』等等都是 UI 设计师应该需要懂的。那么这期我们就先从以下五个方面来讲讲字体：1.怎么开始入门字体；2.文字的构成；3.你所理解的字体分类也许是错的；4.中英文字间距的讲究；5.案例展示； 1.怎么开始入门字体看过我文章的人都知道，我是上个月开始学习文字（字体设计），我大概买了 14 本书（本来是 12 ，后面又买了 2 本关于文字进化史的书籍）进行阅读及学习 ...继续阅读 (15)

用户体验原则在步行导视上的应用，能改善高峰时期的通勤。我从涩谷站下车的时候，人流从我身边涌过，我开始寻找忠犬八公的雕像。朋友约我晚饭前在那里碰面，但我找了10分钟仍旧迷路。幸好我放慢了脚步，观察四周，我看到了导视牌。有了精心设计的辅助引导，你很快就能找回方向。渐进式显现的地铁站导视系统当你正在前往某站的地铁上，车门上方的屏幕会告诉你这几个信息。首先，它会告诉你哪边的车门即将开启。这能帮助满满一车人找到自己的方向。人们会缓缓移动，示意周围不下车的乘客为其让道。老实说，我看不懂所有文字，不过我还是明白它表达的意思。标识也能让你确认站点，让你知道自己没有下错站。在站点名下方，会显示一张图，告诉你处在车厢的哪部分，并且表示出你所处车厢的位置对应车站的什么设施。楼梯、自动扶梯、电梯，还有列车的移动方向！太实用了。我在旧金山生活时常遇到一个问题，就是想了解到站时车门外有什么设施。我总是从楼梯旁经过，然后要回头去找。这些标识会告诉你当下正需要的重要信息，可以避免此类困扰。下车后，你会看到指向四面八方的标识。上方：电梯和求助；中间：主要的站点设施和出入口；下方：出口与方向。这个标识表达了：去哪里求助和寻找电梯你的站点里的位置，以及如何转其他线路主要的几个方向，以及从哪个口出去当用户学习新产品时，渐进式显现的概念不需要立刻解释或显现全部信息。你只需要解释当下相关的内容，逐渐展现出整个产品。这些标识加 ...继续阅读 (15)

学会说“ 不！”有时你会发现，作为一名自由职业者，工作过程中最好的回应是说“不”。这往往不是件容易的事情，但有时是件很有必要的事情。自由工作中你会遇到某些时间段，或是某个项目让你有些力不从心。但你又如何知道什么时候应该说“不”呢。答案视情况而定。一个你这周拒绝了的项目，可能一年后你会重新考虑。最重要的是在你的时间规划中找到一个平衡点，去做那些你感觉不错的，能获益良多的，在有限的时间内搞得定的项目。 危险信号其实危险信号是很多的，有时候，你会发现刚开始情况就不对，接着就源源不断地出现了各种奇怪要求。任何时候，你的客户有如下情况，你都要知道说“不”。·客户希望你免费工作或远低于你的一般报价。·如果客户因为刁难或要求苛刻名声在外。·当项目注定要失败时：你知道客户要求的东西是行不通的，或不知道他们想要什么。·项目或客户要求你做一些不道德或违背你的专业/个人道德规范。所以，让我们把这些问题分解，学习如何巧妙地拒绝，并且不得罪人。 学会对这5种项目说NO每个人都参与过一些失败的项目。你明知道在项目开始的时候，你就已经害怕，这样的项目中你无法发挥出好的工作状态，所以为什么要抓住这样的机会呢？而在一些别的项目上，你会感觉很好。在你接受新的工作的时候，可以借鉴你之前的项目经验和总结。提前理清需求也可以避免陷入一个让你头痛的项目，下面是一些需要避免的项目：·  所有不可能完成的任务或者不可能的解决方案 ...继续阅读 (22)

前言准备好了要重新拾起被你搁置的网站了么？是时候把你的网站好好设计一番发布出来了！不管它是一个简单的博客还是更复杂的一些工程，你需要开始做的仅仅是从这几个棒棒哒的工具开始。这里，我们精心为您挑选了一系列新的、有创新性的资源帮助你激发灵感，设计和制作原型，并且有一些工具可以让你更好的掌握如何使用Wordpress（目前最流行的建站平台）。你还等什么，2017年的今天就是你开始搭建你的网站的时候了！Inspiration｜灵感每一个伟大的网站都起始于一个好的概念？你希望你的网站设计成什么样子？那我们就从寻找合适的灵感片段来推动你的创作进程吧。 1. Muzlimuzli 是一个自称“设计师秘密武器”的每日灵感来源网站。现在，既然你已经知道了这个秘密，就可以浏览这个网站上所有绝佳的网站创意了。但是，这不仅仅是一个寻求创意的资源网站，Muzli还是一个谷歌浏览器扩展程序，这个扩展可以帮助你快速简单的接触到所有新的、热门的或者令人惊叹的设计和网站开发。你可以将这个扩展标签设置成主页，这样每次打开浏览器时，都会有一个非常棒的设计灵感映入你的眼帘。 2. TypewolfTypewolf一个囊括了世界上所有最新的、流行的和有趣字体的资源型网站。博客风格便于阅读，并且展示出了你所需要最好的字体示例。最牛的部分是：这个博客通常都会提示你它使用了哪些字体。比对字体建议和列表，你就可以找到一些几乎任何设 ...继续阅读 (22)

小编：今天给大家带来15个极简风格的网页设计，抛除冗杂的包装，把最重要的信息保留下来，给人轻松、简单的美好感受。大家可以好好的欣赏一下，这些网页设计的信息以及内容的展现和排版都是很好的，相信大家一定会有所收获！Source:Rotate° Source:McKennaJones.co.uk Source:Good Cop Bad Cop Source:Ballet BC Source:Ava Sessions Source:Cropmark Source:Mike Guss Source:Inside Discovery Source:GSArora Source:Seedlip Source:The Outpost Source:We Ain\’t Plastic Source:Tim Brack Source:Hatch Inc. Source:The Nero Design Source:Ruslan Siiz Source:Elastique Source:Chapter 3 文章来源：设计之家作者：佚名 转载请注明：学UI网»15个极简风格的网页设计欣赏 ...继续阅读 (24)

小编：我看双罗的直播《长谈》用了三天，因为真的很长，但是今天分享的是@MRY 从这个访谈中关于设计与美术的关系的看法。所以，你是设计师还是艺术家？ A.什么是设计？什么是美术？老罗在《长谈》中聊到一个例子：“苹果新pro笔记本把带磁的充电口的设计砍掉了，换成了USB Type-C，原因是当年对产品决策的是一个产品经理，而现在做决策的是个设计师，产品经理需要考虑产品价值、实用性、美观等综合多方面评估，而设计师当然希望越美越好，他甚至希望把所有口堵上才足够简洁与美。”设计一定是可以解决问题的，脱离功能、业务、环境的设计那是艺术。以前上学的时候喜欢把Adobe的软件都按一遍放在桌面上，并不都会但看着也很厉害的样子，后来想想实在可笑，就算这些都玩的很溜，又有什么用呢？会软件并非能成为设计师。一个门店售货员为了方便顾客携带宠物无法进店的尴尬，在门口立了一个栓，可以让他们把狗绳系在上面，可能很粗暴，但确实解决了顾客的问题，那我认为这个售货员就是一个设计师。我们这些具有设计师tittle的人，只不过是在这个圈子里，我们的设计实际上是把商业和美融合起来，在可控的环境下创造最大价值与目标最优解。我认为设计是为了别人，而艺术是熏陶自己。我是美术生，从小就画画，可以说画画伴随了我上学时一半多的时间，但是至今当我看到那些艺术展的时候，我也并不能感受到其中的点，但这些必定赋予了作者的情感，艺术是我虽然看不懂 ...继续阅读 (19)

今天的作业是一个写实图标，大家可以临摹看看（其实咱们很早之前就做过类似的）也可以发挥自己的创意哦。注意：高光投影的处理；透视关系；要求：提交的作业在背景的右下角或评论框署名，格式为：(N群-XX）原图链接:https://dribbble.com/shots/3491437-OS-3-6各位童鞋请选择适合自己现阶段的练习：新手作业进阶练习中高级作业转载请注明：学UI网»小药丸临摹【做作业】 ...继续阅读 (29)