推荐阅读
韩国电商网站与国内电商的差异化分析
关于视觉理论分析的文章有很多,我们从目标与设计关系来讨论一些东西吧。shopping.naver.com是目前屈指可数的购物站典范之一,也有很多人对其进行了剖析,今天,我们来尝试挖掘一下这个站体验设计与目标呼应上的关系。当然也有一部分是对产品的分析。看看到底是怎么好的,这次的分析过程、方向、方式,希望能帮助一些朋友在参考其他优秀案例时择优去糟。需求假设NAVER的购物站与国内电商比起来,对商品的展示过程,用户的使用过程大体相同,寻找目标>梳理对比>展开详细>购买行为…(NAVER以大搜索业务为核心,针对电商,购买行为应该是在第三方平台进行的,基于这个不同,我们仅仅讨论购买行为之前的一些层面)视觉美观性,舒适性,合理性,信任度横向对比其他国内的电商站,你不难发现,视觉美观性上他们之间大概差了两个级别,就算有区域性审美特点的原因,大部分人也会觉得NAVER的购物站更美观,更舒适,在这点上,NAVER的设计师已经将设计价值更大化。
AutoCAD 概述
1.1.1 什么是 AutoCAD CAD ( Computer Aided Design )的含义是指计算机辅助设计,是计算机技术的一个重要的应用领域。 AutoCAD 则是美国 Autodesk 企业开发的一个交互式绘图软件,是用于二维及三维设计、绘图的系统工具,用户可以使用它来创建、浏览、管理、打印、输出、共享及准确复用富含信息的设计图形。 AutoCAD 是目前世界上应用最广的 CAD 软件,市场占有率位居世界第一。 AutoCAD 软件具有如下特点: (1)具有完善的图形绘制功能。 (2)有强大的图形编辑功能。 (3)可以采用多种方式进行二次开发或用户定制。 (4)可以进行多种图形格式的转换,具有较强的数据交换能力。 (5)支持多种硬件设备。 (6)支持多种操作平台 (7)具有通用性、易用性,适用于各类用户
Photoshop特效:老旧锈蚀金属片
本例中我们用Photoshop的滤镜组合来制作一块老旧锈蚀金属片,步骤比较简单,效果还不错。 1、在photoshop中建新文件,设置大小200X200,72dpi,用文本工具输入一个字母,我使用了255point大小,如图所示。 2、再建立一个新层,用白色填充,然后使用滤镜 Filter>Render>Difference Clouds。 3、让我们再给图增加一些对比度。选择菜单Image>Adjust>Auto Levels。 4、现在,按住Ctrl键单击文本层,然后反选,菜单Select>Inverse,或者快捷方式Ctrl+Shift+I。接着按Del键,如图所示。 5、好,我们再给它加入一些深度,给它作阴影效果。选择菜单Layer>Effects>Drop Shadow,使用下面的设置:Mode:Multiply Opacity:100% Angle:120 Distance:3 Blur:5 Intensity:50。
3种风格巧用离机闪光快速搞定
在初春的时候,是不是已经迫不及待地想要带上自己的她出去外拍了呢?面对初春的惨淡颜色你是不是束手无策呢?本期实战专辑告诉你,即使在白天的时候也要使用闪光灯,并且无论什么样的环境,只用手动挡也可搞定。抓紧时间出门!让我们给女友拍摄不同风格的作品吧! 内容导读 制造逆光清新的色彩 使用离机逆光闪光,可以在镜头中出现小小的眩光,让作品清新意味更强,白天也可以使用闪光灯。 回廊下的时尚大片 使用离机闪光灯在模特正面强闪,会制造一种非常强硬的光影,打造时尚感觉,让光比大的环境下的作品更硬朗。 迷离夜景下的旖旎人像 在夜晚的时候,巧用车灯作为主光源,用离机闪光侧面作为补光制造迷幻效果,制造都市夜晚的旖旎人像。 制造逆光清新的色彩 在某些色彩斑斓的场景下,我们可以给模特拍摄出比较清新的作品来,这时候利用逆光可以让模特的轮廓感更强,作品氛围更好。
最新发布
如何快速制作高逼格的电商BANNER海报
工作后经常有人对我们说做设计一定不要直接用图片,一定要抠图,不要偷懒,不抠图是做不好设计的,可是到后来我发现有些Banner设计即使不抠图,也可以做得很好看,谁说做设计一定要抠图?因为我在之前的文章里已经非常详细地讲解了平面构成和色彩构成的知识点了,所以在后面的文章里我不会再过多的在这些方面做文章,最多只是会提一下,毕竟每篇文章的篇幅有限,所以有些内容我不会重复写了,当然如果大家想继续了解这方面的知识可以点可以回头去看我写的这两篇文章:五大步骤细说Banner图设计之平面构成的奥秘/六个步骤细说电商banner图设计之色彩的奥秘。接下来进入我们今天的话题:不用抠图不用合成,教你分分钟搞定一张高格调的Banner设计。1/我为什么要做这样一个主题的干货分享呢?记得以前上大学的时候听一位老师说做设计千万不要用渐变色,因为非常low,于是我就当教条一样一直记在心里了:“嗯,千万不要用渐变色”,但后来工作了几年才发现,渐变色也可以很好看,也可以很高端,只是要看如何去用而已;再到后来在工作过程中,有人对我说做设计一定不要直接用图片,一定要抠图,不要偷懒,不抠图是做不好设计的,可是到后来我发现有时候我们不用抠图,也可以做出好看的设计或好的设计,我就有个疑问:为什么做设计一定要抠图才行呢?所以这次我们可以试着捋一下在不抠图的情况下可以怎么玩设计,看能不能带来一些启发,这次我也依然会以Banner设计来举例说明。2/摄影与Banner设计之间的联系是什么?一般来说,如果摄影师和设计师能配合沟通一起去做设计是最好的,尤其当涉及到很多产品或模特拍摄的时候,无论是在电商行业还是在广告行业,前期都需要沟通好策划方向以及构图色调等,因为摄影部分的工作做得越到位,设计部分的工作量就越小,项目也越顺畅,如果摄影部分的工作不到位,到设计那一步就麻烦大了,有可能需要返工重拍或者花费大量时间精力去修改和调整,这样子就得不偿失了。编者注:没时间没条件摄影?这些免费图库可以帮你!《帮你找好图!99%的互联网从业者都要学会的图片搜寻方法》首先,商业摄影涉及到的工作内容和知识点有哪些呢?
设计师应该如何快速的学会图片搜寻方法
收藏了十几个图库,依然搜不到好图片?那就别错过今天这个教程!这个「图片搜索」系列,不仅教你学会如何榨干一个优秀的图库,而且还附上了那些无法另存的图片的下载方法,本文是第一二部分,站点推荐和下载技巧篇。图片力量教程分为三个部分:站点推荐篇下载技巧篇搜索技巧篇曾经有同学问我关于搜索图片的问题,把他的网站收藏夹截图发给我,一打开我就懵逼了,小小的收藏夹里面居然有数百个网站。这位同学反应了一个问题,收藏本身的作用,是在全球海量的网站中挑出自己最喜欢的那个,而大多数同学都是见到一个就收藏一个,好不好用,适不适合自己用都没有整明白。收藏夹数量少的时候还好,可能会用,但是有一天数量大到一定程度,本身就失去了收藏的意义了。其实,真正想提高自己的对于图片的搜索技巧,与不停换着网站去搜索相比,不如努力尝试用一个网站搜索出自己想要的结果。毕竟每个网站都有着自己的特色功能与内容倾向,与收藏更多的网站相比这些才是我们应该明白的。能够拿来长期使用的图片网站有哪些?
设计师如何打造丰富的网页设计布局
优秀的排版是构图、图片、配色、字体等各方协调的共同结果,设计其实是没有规则可循,审美从来都不在约束内发生。要想让整个版式内容丰富又充满呼吸的空间,需要我们整个的思考方式都流动起来。我们人类千人千面,但怎么长都不会偏离骨骼。因此,保持了内在的坚固恒久性,外表就一出戏,相对自由式的进行视觉想象编结。布局排版说来很容易,无非就是整理好网页的元素清单,然后一一放上版面即可。其实就因为自由搭配的方式千差万别,我们总为最好解决方案心悬一线,其实最后的结果又马马虎虎。没有边界一段文字和一张图片,甚至一个图标……在你进行布局的时候,由于你的素材并不是立刻手到擒来,你的布局总是喜欢用一个个矩形来代表一段文字或一张图片,这本没有错,但这个做法也会让你陷入“框架陷阱”。就像这样一个布局,只是画出了一个大致的框架图,也许你只是想说这只是框架,因为设计规划前期很多素材还并不完善。然而,很有可能你就会因此而将页面设计成这样当然,你会说这样其实并没有什么不好,因为几乎我们所有看到的扁平化网页都是这个样式,但可以肯定的是,这个网页并没有多少呼吸的空间,整个网页都被信息所填满,如果稍微改变一下布局的元素大小和位置,其实就会展示出不一样的版面效果(下图),而很显而易见后者的排版是更为灵活的。
2019年3月超实用设计圈快速便捷的工具合集
好的设计工具总能让设计师工作更加便捷,这一点毋庸置疑。这个月的设计圈干货当中,汇集了许多能够让设计更加快速便捷的工具,有的能够帮你快速完善配色,有的工具能帮你完善流程,更好用的代码片段,以及帮你丰富设计的字体。春天来了,生活和工作理当更加放松,看看今天的新工具,不要错过任何一款对你有用的好东西哟~QuickChart.ioQuickChart.io 是一款免费的工具,帮你快速构建高度可用的图表素材。它的开发者旨在提供一款足以替代 Google Image Charts API 的便捷工具,因为 Google 的这款 API 即将对外关闭。QuickChart.io 的工作原理不复杂,它使用 URL 来定义图片图表。每个 URL 都包含一个 JSON对象,而这个 JSON对象中则容纳了所有的数据和显示选项。这些数据图表将会遵循流行的开源图形库chart.js 来定制,并且其中一切都是可定制的。This Person Does Not Exist这是一个帮你生成随机头像的工具,更重要的地方在于,这些随机头像都是电脑自动生成的,并非真人。你可以将这些面孔运用到实际的项目中去,它会让一切看起来非常真实。IVIDIVID 是一款适合现代浏览器的交互式视频播放器,易于设置同样易于使用。这款播放器的便捷之处在于它几乎是即插即用的!完整的 VanillaJS Web 组件播放器内允许自动播放下一个视频,使用继承自 HTML5 的视频属性,并且具有可自定义的屏幕控件,键盘控件以及更为简单的设置。
UI设计师&插画设计师必须要收藏的PS笔刷大全
看插画视频教程学习时发现很多求笔刷的弹幕,也有同学在网上高价求购笔刷,并且手绘已经成为了UI设计师的必备技能之一。但是网上笔刷种类很多,不利于选择,所以收集了一些非常好用的笔刷分享给各位UI设计师&插画师,希望这篇文章可以解决这些同学的问题。(由于版权问题,本文不提供打包下载,需要的同学请百度/购买/到原作者微博下载)关于笔刷很多优秀的插画师会说笔刷不重要,传说中的「19号画笔」就可以画出自己想要的效果,有的插画师也会选择自己制作笔刷,但是对于大部分的UI设计师或者插画爱好者来说,使用一些已经制作好的各类风格笔刷有助于提高绘画效率,快速出图。关于软件使用 photoshop 画图的同学推荐使用CC 2018及以后的版本,Adobe 在2018版本加入了笔刷分组和画笔平滑(SAI 的防抖)功能,可以更好进行笔刷整理,以及适合手抖的同学。另外,在2019版本还内置了色轮功能。笔刷推荐下面推荐三组笔刷,基本上涵盖了大家看到的大部分手绘风格的笔刷,可以根据自己的需要去下载使用。1. Kyle T. Webster笔刷在油管上的插画教程里,你会发现很多插画师都是用的Kyle开头的笔刷,没错,就是 Kyle T. Webster 笔刷。其实国外大一部分插画师都是使用 Kyle T. Webster 笔刷,因为这套笔刷真的非常好用。以前这套笔刷需要付费购买,现在被 Adobe 公司收购了,免费提供给 Adobe Photoshop CC 订阅用户使用。
13个提升工作效率的实用Sketch插件
这些是我常用的Sketch插件,个个轻量级,超级好用,分享给大家。希望大家可以喜欢。Split ShspeSketch IsometricMagic Mirror
详解字体设计中笔画的加法减法和乘法三种基本方法
字体笔画设计的基本法则的介绍~字体笔画设计的基本法则的介绍~笔画设计共有加法,减法,乘法三种基本方法前言:在字体设计中,对笔画进行处理是最基础的设计方法。如同数学有基本的四则运算一样,笔画的设计方法也有基础的运算法则,掌握这些常用的笔划设计法则,能帮助我们更好地进行字体的设计。文章中的案例和图片均来源自网络,只用于设计方法的说明展示,不做其他用途。根据字体笔画设计的属性进行分类,笔划的设计法则一共有3种:加法、减法和乘法这三种法则的技法层面为:
设计配色知识,详解设计师必须要了解的配色知识
配色一直是设计圈子里恒久不变的热门话题,是我们作为设计师必须要掌握的一门重要技能之一,通过色彩可以向用户传递不同层面的视觉信息,所以不同的色彩也都被人们赋予了不同的含义。配色一直是设计圈子里恒久不变的热门话题,是我们作为设计师必须要掌握的一门重要技能之一,通过色彩可以向用户传递不同层面的视觉信息,所以不同的色彩也都被人们赋予了不同的含义,比如:红色、橙色、黄色等暖色系列的颜色能表现出温暖、热闹;而蓝色、淡蓝色等冷色系列颜色,会给人一种凉爽、寒冷的感觉。将色彩属性与设计作品有效的相互结合,往往能做到1+1>2的视觉效果。在设计中,色彩可以分为两大类,即有彩色和无彩色,无彩色大多指我们常说的黑、白、灰。有彩色则是除无彩色之外的颜色。下面说下有彩色的三大特征,即色相、饱和度、明度:色相:色彩的首要特征,也就是色彩可呈现出来的质地面貌,比如我们常说的:红色、蓝色、绿色……饱和度:色彩的鲜艳程度,也就是色彩的纯度,饱和度取决于该色中含色成分和消色成分(灰色)的比例,直观看就是我们常说的:天蓝色、淡蓝色、灰蓝色等等,就是对饱和度不同程度的体现:(饱和度由高→低的变化)