一、为什么电商的UI都是红色的
因为能第一时间吸引咨询师,中国人固有的思想正蓬勃发展 。
文章插图
二、关于电商网站数据库的设计有什么好的建议?
这个问题的核心在于:不同的商品品类差别很大,那么如何设计一个通用的存储方案呢?简单来说,用数据库存储所有的信息,无论横表还是竖表,都有明显的缺陷:横表:同一个字段对于不同的商品有不同的含义,所以后期开发维护竖表非常痛苦:一个商品的属性分布在多行记录中,业务处理非常麻烦 。而且竖表的记录数量会很大,性能会有问题,所以不要试图只用数据库来解决这个问题 。传播一些思路其实很简单:公共表:提炼商品的公共信息放入数据库,如商品id、名称、发布商家、发布日期、货架状态扩展表:将更改后的信息放入另一个表,可以是数据库表,如电脑商品的表、服装的表;你也可以把信息放在文档数据库里,比如MongoDB或者ElasticSearch 。搜索组件:扩展表在全文搜索中不容易实现,所以需要一个独立的组件来负责搜索 。可以使用弹性搜索或Solr来冗余一段数据进行搜索 。表格的结构并不复杂,因为项目关系只是SPU,不是SKU,但可以作为参考,更多的要根据项目的实际情况来设计 。关注产品表的SPU、关键字字段 。本来设计的是关系表,但是发现做SQL查询太痛苦,就约定了一个数据存储结构(数据结构的重要性) 。基于以上基础,我可以实现URL规则变化的查询 。类似JD 。COM的产品查询,URL变化c=1,3指的是分类ev=3_1 4_18的层次关系,也就是说SPU查询是按照约定的规则转换成字符串再进行查询的 。
三、如何做好APP界面设计?
APP设计经验总结当我们打开一个APP时,从视觉层面来看,影响用户对APP整体感官体验的元素主要有:图片、文字、颜色、图标、留白等 。图片的合理使用,清晰的信息层次,舒适的色彩搭配,都会提升整个APP的美感,从而为整个产品体验加分 。视觉层面只是一个成功产品的一部分,但作为一个合格的UI设计师,我们要做的是把其中的一部分做到极致 。让我们通过图片、文字、颜色、图标、留白等维度来解剖APP设计,发现那些细微的细节 。你只需要比别人多改进1px的细节,你的APP设计就会更加精细 。1.目录和图片,像一个人的服装品味;2.话,我只想知道重点在哪里;3.色,如何成为“色”米;4.图标,从会画到画得好有多远;5.留空 。我只是想要足够的空间 。1.文字,图片,就像一个人的衣着品味图片,在APP里很常见 。图片的展示形式和质量都影响着用户对产品的感官体验 。一张图片的定位就好比一个人的服装品味 。不同的服装风格会让别人对你做出不同的判断,给你贴上不同的社会属性标签 。下面我们来看看APP的设计应该注意的要点 。我们将分析图片的比例、一致性、质量和真实性 。1.1.画面比例有什么意义?不同比例的图片传达不同的信息主题 。我们会根据产品属性,选择与之相匹配的图片比例,进行整体框架布局 。通过体验一些主流app,会发现一些常用的图片比例,比如1:1、433603、1633609、16336010等等;我们也会发现一些打破常规比例的设计 。我们需要分析他们的性格,结合自己产品的特点,才能在自己的APP设计中合理使用 。1强调主体的在场 。133601的画面比例是常见的设计比例 。用这个长宽比更容易简化构图,突出被摄主体的存在感 。常用于产品展示、头像、特写展示等场景,尤其是在电商app中 。3图像紧凑,易于构图 。433603的画面比例可以让图像更加紧凑,容易构图,方便设计师发挥 。由于手机屏幕容量小,当显示为全屏时,这个比例在App的设计布局上占据了很大的空间 。16:9电影场景式效果1633609画面比例可以呈现电影场景式效果,多用于横向构图 。它是应用最广泛的尺码表之一,能给用户带来视野开阔的体验 。在很多娱乐类app的设计中被广泛使用,比如腾讯视频、网易云音乐等 。16:10拥抱黄金比例 。黄金比例就像金字塔上的一颗珍珠 。你离她越近,就越有吸引力 。反之,魅力就会减弱 。16336010的画面比例最接近 。设计没有绝对的标准 。我们可以遵循一些优秀的经验规则,但也要敢于突破规则,尝试更多的可能性 。X:Y瀑布设计X3360Y代表瀑布设计,在最大值之间具有固定的宽度和定制的高度 。当一些用户没有明确的目的,只是想获得尽可能多的信息时,就采用这种设计方法 。x3360y的图片比例要注意高度控制,不要超出屏幕可显示区域的范围 。比如750x1334px的设计中花瓣网的最大高度是848 px 。以上列举的只是一些常用比例的分析说明,还有更多比例这里就不一一论证了 。分享的目的是让大家养成分析的习惯,根据自己的产品特点选择合适的图片比例 。
图像选择方法:a.根据产品展示效果,选择能充分展示产品特征的图像展示比例;b.以产品气质为准,选择符合产品内容气质的图片展示比例;c.根据产品特点选择合适的常用比例;d、根据灵活布局,自定义特殊刻度值;e.分析打破创新,创造符合一定规律或审美观念的比例价值 。1.2.画面比例的一致性 。我们在根据产品特点确定合适的图片显示比例时,需要根据整体布局和图片分布来规范那些可以使用相同图片的布局 。
展示比例 。在保障视觉效果与交互形式的情况下,相同的主体,在不同的页面中最好采用相同的比例呈现,这样的好处不仅可以保持视觉表达的一致性,也能给后期运营维护带来便利 。1.3、提高图片的质量越来越多的产品对图片质量开始加以重视,比如网易严选对产品图片的拍摄与处理都有严格的规范,目的就是为了提升产品气质和在用户心中的印象 。我们在设计的时候更要以最佳的图片来烘托我们的设计稿,图片的质量影响着整个界面的格调 。很多伙伴儿会觉得图片都是后期运营上传的,我设计稿做得再精美最终也是没用的 。对于这个问题我的观点是这样的:a. 最佳的设计输出是设计师专业的体现;b. 把最好的效果呈现给决策者,增加他对你设计能力的印象;c. 通过制定运营视觉规范来把控图片质量,是可以严格把控你对图片的视觉追求;d. 你的态度会给你带来好运 。1.4、图片的真实还原虽然前面提到图片质量的重要性,但是我们不能为了视觉效果选择一些与主题无关的配图,这样也会给决策者一种误导 。我们可以提高配图的质量,但是需要保证图片的真实还原,这样才能让你的设计作品更加真实合理 。在一些本土的产品设计中,对于国外图片素材的运用,需要谨慎对待 。如案例中的模特形象,文案信息的传达更加偏向于国内的场景,如果运用一张国外的模特素材也许逼格更高,可是却无法真实的还原产品场景,会给决策者传达一种错误的认知 。2、文字,我只想知道重点在那里文字设计的层次感决定了信息的高效传达,通过对文字信息的层次处理可以有效的帮助用户获取信息,提高用户对产品的操作效率 。2.1、对文字信息进行层级区分当我们拿到交互原型或者别的需求文档时,我们需要对文字的信息层级进行有效的区分,这样才能让用户快速的获取和理解信息传达的内容 。文字信息可以简单划分为重要信息、次要信息、辅助信息等 。在进行文字排版时,需要明确的梳理好信息之间的层级关系,提高用户对产品的整体体验 。通过对字体大小、颜色、留白、层级划分等处理,把相同属性的信息归类设计,让整个信息排列主次分明,层级清晰 。设计师在对文字进行视觉表现时,为了达到整体界面的视觉平衡也需要减少对文字样式的运用,不可为了突出文字信息而采用过多的表现样式 。2.2、预估好信息呈现的最大值当我们在进行界面设计时,初级设计师往往会忽略文字信息的最大值,只是按照自己的习惯进行完美的布局 。最终进入到测试环节时才发现为什么比自己预期的字数多出这么多信息,此时就会出现返工的情况,给整体的产品开发进度带来风险 。作为一名合格的UI设计师,我们需要预估好信息呈现的最大值,而不是取最小值或者随意进行设计,这样将会在执行的过程中遇到更多不可控的风险 。2.3、善于利用提示符进行设计在一些会出现大篇幅文字信息的界面设计中,为了提高用户对信息的获取效率,我们会根据整体视觉效果选择合适的提示符进行设计 。很多初级设计师会过于遵循交互原型,往往对大篇幅文字的处理过于随意,只做着交互原型的美化,缺乏对用户体验的主动性 。在进行产品交互设计时,有时候产品或者交互无法站在视觉的角度进行信息的梳理和布局,我们需要利用自己的专业来优化你觉得可以更好的地方,也能为你在整个产品环节中树立专业性 。关于提示符的设计表现形式主要有数字、字母、图形、色块等等,只要能有效的区分信息层级即可 。3、色彩,如何成为“色”计师色彩给人的感受是最直观的,不同性格的配色传达不同的情感 。关于配色有一些方法可寻,但是也存在一定的感性判断 。作为视觉设计师,我们需要学习理性的方法技巧,也要不断欣赏优秀的作品,提高自身的审美能力 。3.1、色彩基础知识色彩分为无彩色系和有彩色系,无彩色系是指白色、黑色、各种深浅不同的灰色;有彩色系是指红、橙、黄、绿、青、蓝、紫等颜色 。关于色彩的更多理论知识这里不做展开,大家自行脑补色相、纯度、明度、对比、性格等等方面的理论知识 。3.2、建立色彩库作为初级设计师我们对配色的把控不是很稳定,为了提高工作效率,我们需要通过一些理性的方式建立大量的色彩库,应对不同的需求 。下面列举部分个人比较常用的方式供大家参考,色彩收集的方法有很多,我们只需要掌握几个比较适合自己的即可,只要养成习惯并长期坚持,哪怕只运用一种方式,也是收获颇丰的 。a. 通过各类APP采集色彩体验不同领域的APP,建立不同领域对APP色彩组合的选择,为后期项目设计奠定基础 。根据主色进行分类,如红色系列:网易云音乐、京东、网易严选、网易考拉等等;也可以根据产品气质分类,如文艺、时尚、科技、可爱等等 。b. 通过Dribbble采集色彩在Dribbble上面,每一幅作品右侧都有该作品的配色文件,发现优秀的作品要养成这种采集配色文件的习惯 。c. 通过摄影作品采集色彩通过优秀的摄影作品采集色彩也是常用的方法之一 。采集方式:Photoshop打开图片→存储为Web所用格式→选择GIF格式→颜色选择 8→颜色表中双击色块→拾色器d. 通过马赛克采集色彩借助Photoshop滤镜将图片进行马赛克处理,可以得到优秀作品或者摄影图片的配色组合,特别适合采集同色系的配色 。采集方式:Photoshop打开图片→滤镜→像素化→马赛克→设置单元格大小e. 从电影中采集色彩相信大家都喜欢看大片,这部片子之所以能得到大家的追捧,必定有太多值得大家学习的元素 。作为神经敏感的设计师群体,那些刺激到我们神经元的优秀影片场景总是不能错过的 。3.3、提高审美,增强感性判断力配色能力虽然可以通过一些理性的方法提高,但是也存在一定的感性判断 。配色中细微的差异往往都是感性的判断 。我们需要不断的欣赏摄影、绘画、设计作品等等,综合的提高自身的审美,才能不断增强感性的判断力 。作为UI设计师,你不能只关注界面设计,你可以看平面作品、摄影绘画、影视动效,体验手工艺制作、运动娱乐、细心的体验生活中的每一次变化 。3.4、养成分析的习惯要想拥有良好的配色能力,积累的过程是很重要的 。当我们看到优秀的作品,要分析配色之间的对比关系、颜色在色环上的位置关系、HSB数值的关系等等 。只有不断的分析和总结才能逐步形式自己的思维方式,提高不同配色的把控能力 。分析的习惯不只是运用在色彩上面,对于版面布局、文字信息的处理、icon设计风格、间距留白等等方面都需要不断的进行分析总结,掌握优秀作品的规则才能形成自我的标准习惯 。4、图标,从会画到画好之间有多远图标是APP设计中的点睛之笔,既能辅助文字信息的传达,也能作为信息载体被高效的识别 。图标也有一定的界面装饰作用,提高界面整体的美观度 。很多初级设计师都会忽略图标的重要性,也养成去素材网站下载复用的习惯,当这样的习惯养成后便会逐步丧失自己动手的驱动力,什么元素都希望能找到素材下载,工作数年之后很快就遇到了自己的瓶颈期 。设计师对图标设计的态度与把控能力,将会是拉开你与其他设计师差距的因素之一 。图标设计有下载复用→动手设计→规范设计→融入品牌基因等几个阶段,你现在属于哪个阶段呢?4.1、下载复用下载复用是很多初入行业的设计师习惯的工作方式之一,由于自身对软件技法、设计技巧、创意能力等方面的不足,无法从创意到标准制图完成一个合格的图标设计 。缺点:图标设计风格与细节处理都完全不统一,这样的习惯一旦养成就会逐步丧失自己的动手能力 。4.2、动手设计对于大部分有设计追求的设计师,都会意识到图标设计的重要性,也会结合产品特点绘制统一风格的图标 。注意事项:图标设计风格有:线性图标、填充图标、面型图标、扁平图标、手绘风格图标和拟物图标等 。无论我们选择何种表现形式,在进行设计的时候都要保持风格的统一性,由于图标的体量不同,相同尺寸下不同体量的图标视觉平衡不尽相同,例如相同尺寸的正方形会比圆形显大 。因此,我们需要根据图标的体量对其大小做出相应的调整 。4.3、规范设计当设计师养成自己动手的习惯以后,恭喜你已经进步了,保持这样的习惯 。随着软件技法的成熟我们需要严格控制自己的随性,运用标准的规范进行图标设计 。在标准设计的基础上面我们可以发挥自己的创意,也不一定要局限在标准里面,但是总体的本质需要符合设计规范 。4.4、融入品牌基因图标设计的差异化逐渐变得模糊,随着很多功能的相似性,图标的造型设计也几乎雷同,很多对设计比较讲究的产品,也开始根据自身品牌基因,进行图标定制化 。融入品牌基因的图标设计具有很强的品牌识别性,不仅可以形成独有的视觉差异化,也可以增强用户对产品的记忆 。5、留白,我只想要足够的空间适当的留白可以让你的界面更有灵性,给信息之间预留更多的空间,也能更好的表达信息之间的层次感,相比拥挤的信息布局更能给人舒适的体验 。当设计师的留白意愿被产品或运营以“希望放更多内容”拒绝时,作为设计师我们可以从不同的方向试着表达自己的观点:a. 设计出对比稿,把产品需要的方案和你觉得完美的方案进行对比;b. 筛选出这样处理的优秀案例,以成功的案例说服产品接受你的方案;c. 进行用户测试,选择一些目标用户进行体验,从用户心声入手设计最佳的方案;d. 更多沟通的方法有待你去挖掘,最终的目的都是希望做出更好的产品 。设计小结1. 不同的图片比例反应不同的特征,根据产品特点合理的选择;2. 设计中保持相同的图片比例,不仅使视觉表达一致,也能给后期运营维护带来便利;3. 通过提高图片的质量来提高设计作品的美感度,但是也要保证图片的真实还原;4. 文字排版需要注意信息的层次、信息容量的最大值、巧妙的运用提示符等;5. 养成不断建立和丰富色彩库的习惯;6. 提高审美,增强感性判断力,养成分析的习惯;7. 图标设计经历的几个环节:下载复用→动手设计→规范设计→融入品牌基因;8. 适当的留白可以给人更加舒适的体验 。
文章插图
四、家用吸尘器该如何选购?无线吸尘器算是当今时代家中必备的室内清洁电器,因其无线超轻、性能更强、安全性更高等优势,在市场竞争的洪流下逐渐取代了传统的有线吸尘器 。现在市场上火爆的当属斐纳TOMEFON无线吸尘器! 轻盈手感,轻松操作不设限首先,从斐纳TOMEFON无线吸尘器的机身上来看,产品外表采用洋红色与金属色泽相结合的颜色搭配,极具简洁大气的美感,高级感十足 。而机器的整机重量仅有2.5千克,同时配备平衡力学式手柄,将马达与电池置于手柄下端与机器前端的尘气分离系统达到力学平衡,即便是力气小的女孩子也可以轻松提拉,操作更轻便,而且手柄上还贴心的采用了独特的防滑设计,提高机器使用时的安全性,使用更安心 。澎湃吸力,旋风集尘无残留测评过了外表,再来说一说无线吸尘器最值得关注的集尘性能,斐纳TOMEFON无线吸尘器采用全球最新技术,搭载全新一代无刷永磁马达及高转速数码电机,强档吸力最高可达8500帕,而产品设计师为了确保吸尘与续航两不误,在此基础上采用标准和强力双档变频吸力模式,可根据污染状况自主调节吸力大小,无论是细小浮灰还是大颗粒杂质都能顺畅清扫,完美满足日常清洁需求 。再者,不单是吸力强劲,斐纳TOMEFON无线吸尘器在噪音控制这一方面也非常人性化,产品沿用整机降噪技术,合理短风道设计将噪音控制在可接受的范围内,吸尘不吵闹,不会打造住户生活休息,实现更安静的室内清洁 。多用设计,整屋清洁零死角最后,从斐纳TOMEFON无线吸尘器的功能设计上来看,产品采用卡扣式长短柄设计,地刷和长柄两种模式可自由切换,轻松应对房间高空及地面低矮位置的清扫工作,而且斐纳TOMEFON无线吸尘器配有缝隙多角度刷头、缝隙两用刷头、除尘软毛刷头以及灵活地刷四组多功能刷头,灵活应对各种家居场景,有效解决缝隙清洁烦恼 。更重要的是,为确保机器能够一次性完成整屋清洁任务,产品内置2200毫安大容量锂电池,优化电路可维持强档吸尘长达半小时以上,续航更持久 。从以上的测评来看,斐纳TOMEFON无线吸尘器无论是机体设计、吸尘性能还是清洁功效都足够优秀,不愧是吸尘器市场排名第一的一流大品牌!
五、自学前端,前端开发的学习路线是什么?自学前端其实很辛苦,需要有强大的自制力和坚持下去的学习心,并且做好详细的学习规划严格执行;如果你想学前端,下面的学习路线或许对你有帮助 。前端完整学习路线第一阶段:HTML CSS:HTML进阶、CSS进阶、div css布局、HTML css整站开发 。JavaScript基础:Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图 。JS基本特效:常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图 。JS高级特征:正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础 。JQuery:基础使用悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用 。第二阶段:HTML5和移动Web开发HTML5:HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、Web Socket、Canvas 。CSS3:CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作 。Bootstrap:响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS 。移动Web开发:跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zepto.js、手机聚划算页面、手机滚屏 。第三阶段:HTTP服务和AJAX编程WEB服务器基础:服务器基础知识、Apache服务器和其他WEB服务器介绍、Apache服务器搭建、HTTP介绍 。PHP基础:PHP基础语法、使用PHP处理简单的GET或者POST请求 。AJAX上篇:Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍方法、兼容性处理方法、Ajax框架的封装、Ajax中缓存问题、XML介绍和使用 。AJAX下篇:JSON和JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读取和lazy-load技术、JQuery框架中的AjaxAPI、使用Ajax实现爆布流案例额 。第四阶段:面向对象进阶面向对象终极篇:从内存角度到理解JS面向对象、基本类型、复杂类型、原型链、ES6中的面向对象、属性读写权限、设置器、访问器 。面向对象三大特征:继承性、多态性、封装性、接口 。设计模式:面向对象编程思维、单例模式、工厂模式、策略模式、观察者模式、模板方法模式、代理模式、装饰者模式、适配器模式、面向切面编程 。第五阶段:封装一个属于自己的框架框架封装基础:事件流、冒泡、捕获、事件对象、事件框架、选择框架 。框架封装中级:运动原理、单物体运动框架、多物体运动框架、运动框架面向对象封装 。框架封装高级和补充:JQuery框架雏形、可扩展性、模块化、封装属于传智自己的框架 。第六阶段:模块化组件开发面向组件编程:面向组件编程的方式、面向组件编程的实现原理、面向组件编程实战、基于组件化思想开发网站应用程序 。面向模块编程:AMD设计规范、CMD设计规范、RequireJS,LoadJS、淘宝的SeaJS 。第七阶段:主流的流行框架Web开发工作流:GIT/SVN、Yeoman脚手架、NPMer依赖管理工具、Grunt/Gulp/Webpack 。MVC/MVVM/MVW框架:Angular.js、Backbone.js、Knockout/Ember 。常用库:React.js、Vue.js、Zepto.js 。第八阶段:HTML5原生移动应用开发Cordova:WebApp/NativeApp/HybirdApp简介、Cordova简介、与PhoneGap之间的关系、开发环境搭建、Cordova实战(创建项目,配置,编译,调试,部署发布) 。Ionic:Ionic简介和同类对比、模板项目解析、常见组件及使用、结合Angular构建APP、常见效果(下拉刷新,上拉加载,侧滑导航,选项卡) 。React Native:React Native简介、React Native环境配置、创建项目,配置,编译,调试,部署发布、原生模块和UI组件、原生常用API 。HTML5 :HTML5 中国产业联盟、HTML5 Plus Runtime环境、HBuilder开发工具、MUI框架、H5 开发和部署 。第九阶段: Node.js全栈开发:快速入门:Node.js发展、生态圈、Io.js、Linux/Windows/OS X环境配置、REPL环境和控制台程序、异步编程,非阻塞I/O、模块概念,模块管理工具、开发流程,调试,测试 。核心模块和对象:全局对象global,process,console,util、事件驱动,事件发射器、加密解密,路径操做 。祝你学有所成!
文章插图
六、摄影师为什么不用徕卡?谁说摄影师不用徕卡了……事实上,使用徕卡拍照的摄影师有很多的,其中还有大师级摄影师呢!徕卡相机的性能和品质在相机中是绝对高端的存在……这么牛的相机,摄影师怎么可能弃之不用呢?……所以,“摄影师不用徕卡”这个说法是根本就不成立的 。但是,这个说法既然会出现,那么,我们就应该分析一下这个说法出现的缘由……在现实生活中,我们所能遇到的摄影师,确实很少有使用徕卡相机的……我本人玩相机十几年,也仅仅遇到过一个拿着徕卡拍照的人……他是不是摄影师,还不一定呢……之所以会出现这样的情况,个人觉得,有以下几方面原因……1、徕卡相机真的很贵……对于需要自己投入资金去买相机的摄影师来说,徕卡太贵了,成本太高 。所以他们就去选择相对更便宜的尼康、佳能了 。2、尼康、佳能这类相机中高端的机型在绝对性能上其实不比徕卡低太多,而且这类相机使用更方便,适合商业摄影、体育摄影等对速度要求很高的领域 。这就是大多数摄影师不选择徕卡的原因……
【电商场景化怎么玩 在电商设计中 红色一般用于什么场景,红色场景白色婚纱配吗】
推荐阅读
- 做电商平台 什么是产品电商链接,电商软件
- 电商平台有哪些 电商平台和个人的关系是什么,网络电商
- 电商服务费是什么意思 做电商快递费什么时候给,电商快递费用怎么谈下来
- 电商uspto是什么意思
- 国贸专业都学哪些课本 电商为什么要学国际贸易课程,商务英语跨境电商是学什么
- 电商是什么意思 钉钉是什么电商模式,电商平台
- 电商活动日有哪些 三八节过后电商活动是什么,啥是电商
- 农产品电子商务的概念 什么是农产品电商物流,农村电商物流的概述
- 如果被网上电商骗了怎么办 电商在什么情况下会被投诉,电商平台受什么监管