优设-UISDC

优秀网页设计联盟-SDC-网页设计师交流平台-听讲座,聊设计,找素材,尽在优设网

Latest articles

用一篇文章,帮你了解摄影术的诞生和发展

对第一回还有印象的朋友应该知道,平面设计的定义简单说来就是:“以某种法则,将文字、图案、摄影图片在平面空间中进行编排设计,以达成信息传达或者行为引导等目的的活动”。 △ 图文结合的平面设计作品 这个定义大致在 1970 年代才成熟,但相信随着科技进一步发展,这个定义还会修正变化,但当前可以肯定的是,平面设计中有三个核心元素,分别是文字、图案跟摄影图片。 文字跟图案都已经历史悠久,其中图案最早,文字次之,而摄影则到了 19 世纪中期才被发明,发明之前有着漫长的酝酿演变过程。 △ 图文结合的平面设计作品 我们本次一起来了解一下摄影术的诞生过程,还有其对平面设计发展产生的一些影响。摄影术的发展其实主要分为几个阶段,史太浓把他们总结为三段,分别是: 探索者的探索。 商用后的进化...

壹周速读:跟着这些顶尖高手学设计

跟着设计高手学设计总能够事半功倍。于是问题来了,要跟哪些设计师学习?要学习哪些经验?这一期壹周速读当中,你能找到答案: 设计师推荐 之前彩云译设计推荐了一波工作学习过程中一直在关注的 Dribbble 上的图标大神们,文章大受好评,看来真是有解决到大家平时不知道看什么优秀作品的问题。这篇文章跟大家分享的是 Dribbble 上,他一直珍藏的10位 UI 设计大佬: [link https://www.uisdc.com/dribbble-great-works-2 ] 下面是彩云分享的其他设计大佬: [link https://www.uisdc.com/dribbble-great-works] [link https://www.uisdc.com/behance-great-god-works]...

作品集包装的3大雷区,新人如何避免?

今天说一些和作品集相关的内容,帮团队招聘时,收到很多设计师的作品集,刚打开看了几页就不想继续往下看了,为什么?这些设计师的作品集都有一个通病,要么项目分析过于长,要么就是放进去的几个作品太雷同,没有亮点,白白浪费了一次机会。今天分享的 3 大容易踩坑的地方,也是设计师最容易犯错误的,尤其是最后一条,一定要注意,否则吃亏是自己,下面开始今天的分享~ 项目推导篇幅过长 很多设计师在包装一个项目时,过于形式化,以为这样就可以体现自己的设计思维,如果稍有不慎就会给自己挖坑,例如下面这个案例。 △ 已获得本人同意 一开始不知所云的就分析设计趋势,接着设计目标就来了,让人看了云里雾里。设计目标里又继续拆分业务诉求和用户需求等等,逻辑显得有些混乱(由于特殊原因,不便于展示过多的页面)。 这份作品集的分析加起来有大概有十多页,就是说我看了十多页,还没看到最终视觉长啥样,这样犯了特别致命性错误。那么到底如何做才减少出错率?作品集展示的第一个项目如何去重点包装?并又能体现你的设计思路,也不会显得拖沓。这里建议大家...

为什么中国互联网正在告别硅谷崇拜?

美国人可能不曾想到,互联网这个它们曾经发明并长期领先的技术如今会在中国以高速狂奔的方式迅速壮大,他们也不曾想到中国会在如此短的时间内改变双方在互联网领域的力量对比。 今天中国的互联网公司已经在很大程度上告别了硅谷崇拜。这一判断主要基于以下三个事实—— 中国互联网已经成长出一大批在美国找不到对标的大型公司和创新模式 中国互联网的很多创新在反向输出给美国互联网 中国互联网出海全球市场取得实质性进展 中国互联网已经成长出一大批美国找不到对标的大型公司和创新模式 如果我们问:美团像美国的哪个互联网公司?这个问题我们找不到正确答案,没错,美团创业之初的概念是从 Groupon 开始的,但如今的美团早已横跨外卖、团购、O2O、酒店、共享单车、在线旅游等多个领域,在美国我们完全找不到在模式和规模上能和美团对标的公司。...

从小白到4A公司创意总监,我做了哪些努力?

葱爷毕业于一所名不见经传的普通二本,学的是视觉传达专业,还没毕业就来到了广州,刚刚步入社会时碰过不少壁,甚至还因为不会 AI 而被某 4A 广告公司拒绝过,但是在摸爬滚打了八年后,我成为了一家 4A 广告公司的创意总监,虽然有运气的成分,但我为之付出的努力和我的成长经历,还是可以拿出来跟大家分享一下的,希望有参考的价值。我的设计之路之所以还算顺利,我觉得自己做的以下这几件事是比较重要的。 充分利用下班时间 努力是很有用的,这一点我在读书时代就验证过,所以我不会把“努力不一定成功”、“选择大于努力”等俗语作为自己不努力的借口。而努力对于上班族来说,最大的体现莫过于对下班时间的利用。 老实说刚刚工作的前两三年我也很好玩,在逛街、打游戏、玩乐上浪费了不少时间(现在回想起来非常后悔),但即使这样,我还是会抽出一些时间收集设计作品、想创意、看书等等。...

收藏这个网站,免费图标、背景图和纹理应有尽有!

这几年有不少背景图案制作工具,都可以在线预览、客制化图形细节,最终产生 CSS 和 SVG 格式,甚至在不用下载任何文件的情况下直接复制程序代码,加入网页就会获得非常好的效果,兼具质量和效能,也不会拖慢网页速度。例如之前的 Hero Patterns 快速产生重复图案 CSS 背景: [link https://www.uisdc.com/heropatterns-texture-material-web] 本文要推荐的「VISIWIG」是一个整合免费图标、背景图和纹理效果的在线生成器,特色是只需复制、贴上就能取用的图片工具,无论图标或背景都是使用 CSS 或 SVG 格式,也具有基本的自定义功能,像是调整颜色、尺寸大小,背景图则有放大缩小、旋转、粗细和色彩编辑选项,在编辑后实时在网页上预览效果。...

比谷歌还好用!微软BING也能以图搜图了,功能更强大!

如果说到搜索大家会直接想到 Google,除了以文字关键词搜索,Google「以图搜图」功能也很强大,只要贴上图片网址或上传图片就能找出结果,例如图片可能的相关搜寻、不同尺寸版本、看起来相似的图片或含有同一张图片的网页,机器也能辨识出图片内容。而现在这个功能也出现在微软 Bing 搜索引擎,而且搜索选项更为强大!接下来就来教大家怎么利用图片在搜索引擎查找数据。 微软搜索引擎 Bing「图像式搜寻」显示于首页搜索框右侧,还有一个语音搜索功能,开启图片搜索后可直接拖曳一张或多张图片,也能直接贴上图片或网址,和 Google 以图搜图不同的是 Bing 支持一次上传多张图片进行批次搜索。 Bing 图片搜索结果相当有条理,除了会判断出图片内容,也会显示「有这个项目的页面」和类似图片,另一个更强大的功能是...

这个 Ai 调色插件,我愿称为年度第二强!(附打包下载)

之前给大家分享过 AI 的必备插件合集:Astute Graphics,它里面一共包含了有 10 多种 AI 插件,不过我只讲了其中的一款插件:ColliderScribe。 [link https://www.uisdc.com/2021-ai-plugin] 今天就给大家带来它其中的另一款插件:Phantasm,这是我分享 AG 插件中的第二款插件,也是最后一款单独介绍 AG 插件的文章,因为这两款插件是最常用的,也是我认为实用性最高的。(后续的 AG 插件我会一次性分享) 为何我对这款插件的评价那么高?因为它解决了 AI 中最大的一个短板:调色,并且可直接性的作用于矢量图形。(PS 可做不到) 在没有用到这个插件前,我都是在 AI 中画完矢量插画,然后再导入到 PS 中进行整体(或区域性)色彩处理,我个人觉得非常麻烦,而且如果在绘画中途要进行区域性的色彩处理时非常浪费时间,所以有时我就直接在...

用京东2个爆款案例,聊聊如何驱动用户转化?

随着京东云技术与能力的不断沉淀,产品也变得丰富多样,但从客户认知层面来讲缺乏一定的标杆产品。运营同学期望将部分产品通过专题形式打造成爆款,培养用户心智,促成用户购买,为业务带来更多营收。从爆款一期试水到最新一期,我们已经支持了五期爆款产品的活动设计,不断的迭代中也积累了一定的方法,本次就以爆款产品专题页的设计为例,简单的讲一下如何设计页面,来驱动用户转化。 设计思考 爆款是一个产品标签,除了要从产品属性挖掘爆点外,还需要针对特定的用户群体,思考在专题页里如何呈现以及呈现哪些内容,才能够促使用户有更多的购买转化。在设计启动前,我们和运营同学一同开会探讨,爆款专题定位是什么?如何打造爆款等内容。如下是整体的设计思路,首先挖掘产品爆点,思考如何更好将产品呈现给用户,其次再从一些层面打消用户购买顾虑,进一步提高转化率。...

用超简单的案例,聊聊图标设计的节奏感

关于“节奏感”这个词,大家应该经常听说,不论是音乐,还是画面的设计,我们都喜欢用“要有节奏感”来形容,最近我发现图标设计也需要“节奏感”。 今天的大纲如下: 什么是节奏感 粗细的节奏感 长短的节奏感 疏密的节奏感 总结 什么是节奏感 其实节奏感有很多种,比如大小的节奏,粗细的节奏,长短的节奏等等 举个例子: 这张图片,色块的宽度是 100px,而色块之间的间距也是 100px,这就使得整个画面很平均,没有节奏感! 而下图就不一样了: 色块的宽度是 100px,但色块之间的间距变成了 50px,这就使得整个画面增加了一些节奏,变得稍微活泼一些。 其实不论人的视觉还是听觉,都一样,都需要刺激,而节奏感就能达到刺激的效果,接下来我们就用实际案例看看,图标设计是如何利用这个设计细节的!...

Discover, share and read the best on the web

Subscribe to RSS Feeds, Blogs, Podcasts, Twitter searches, Facebook pages, even Email Newsletters! Get unfiltered news feeds or filter them to your liking.

Get Inoreader
Inoreader - Subscribe to RSS Feeds, Blogs, Podcasts, Twitter searches, Facebook pages, even Email Newsletters!