首页

如何排版更高级?带你重新认识宋体字排版!

seo达人


图片

 

宋体的起源和发展

雕版宋体字的形成 

在印刷术发明之前,书要一字一句用手抄写,费时费力。而唐代发明的雕版印刷术,使书籍由手工抄写进入印刷复制时代。

图片

现存最早的雕版印刷品是唐代咸通九年的《金刚经》

 

宋朝体

到了宋代,雕版印刷迎来黄金时代,但此时的字体也并非我们熟知的“宋体”,而是以唐代大家的楷书字体入板,并且不同地区入板的字体也不同。

图片

浙江刊本–《姓解》

 

图片

四川地区 – 《开宝大藏经》

 

明朝体

明朝体是中国明代木板印刷中出现的字体,也是现今大众所认知的“宋体”的原型。虽然明朝体逐渐失去宋朝体所特有的风格,但由于易于凋刻,字形便于走刀,能满足当时的印量而得以发扬。

图片

《南齐书》 –明朝时期的南京国子监刊本

 

清代宋体字

在康熙中期以后逐渐形成清代的风格,此时的宋体字更加成熟、精致。乾隆时期,宋体字大体定型,与现代宋体字基本相同。

图片

《学统》清康熙刻本

 

综上所述,我们可以知道宋体字不是宋朝的字体,而是汉字字体中的一种风格类别。而在日本以及港台地区,宋体字也被称为“明朝体”,“宋体”与“明体”本为一物,是由于文化差异所带来的名称上的差异。

 

现休宋体

如今,为了适应印刷和电子屏显示的需要,宋体又被进行了一番改造。现代型宋体的几何特征更为明显,笔画更为利落冷峻,为了可读性,文字胸线也较大,更加符合现代设计所需要的明快感。

图片

以宋体为基础发展出许多新字体,各大字库也开发有各有特点的宋体。包括老宋到新宋,再到仿宋,从用于标题的粗宋、中宋,到用于正文的书宋,成为一个完整的字体系列。笔画较粗的宋体适合用做标题,醒目大方;笔画较细的宋体,拥有很高的阅读性,主要用于正文排版。

图片

根据中宫和体饰等特点,可以大致地将宋体分为传统型宋体、中间型宋体、现代型宋体:

图片

图片

图片

图片

目前可免费商用的宋体字非常稀缺,

推荐9款免费商用宋体。

图片

 

宋体的使用场景

传统、历史

传统宋体的笔画结构带有手工雕刻的痕迹,几百年的文化沉淀,加上字体本身的特征,使得宋体用于传统、历史题材的设计中,可以体现出古朴的传统文化感。

图片

图片

 

文化、艺术

宋体由于继承了自然书写的痕迹,又具有精致的装饰性美感,运用在文化艺术等题材,具有强烈的人文气息,充满文艺范。

图片

图片

 

典雅、高贵

宋体字方正平稳、对称均衡的字体结构,显得端庄典雅,舒展大气。常运用在要体现高端、雍容、典雅、华丽的设计中。

 

女性、优雅

宋体在工整中充满人情味,有着很强的韵味感和精致美感,带着几分女性的温柔与优雅气质。所以很多和女性相关的设计都会使用宋体。

图片

图片

 

时尚、前卫

现代宋体笔画呈几何化结构,相对于传统宋体的温情,现代宋体更加的冷峻,细腻中透露出时尚前卫的风格,具有时尚感与精致的印象。

图片

图片

 

宋体搭配推荐

案例一

使字体搭配协调的一个基本原则就是选择风格相近的字体。使用同一字族里的字体进行搭配,是最简单、安全的搭配方法。所谓字族(font family)即一款字体下的多个子字体,如思源宋体字族从细到粗共有七款字体,风格协调统一。

图片

使用中西文组合排版时,西文尽量不要使用中文自带的字体。宋体常与衬线体相搭配使用,因为两种这字体无论在笔画特征,还是气质上都很相似。如本案例使用的是西文字体“Times New Roman”。

图片

在编排时需要形成视觉层次,通过字体的大小、粗细、颜色等方式来给版面带来阅读的层次感。

图片

 

案例二

搭配不同的字体时,要注意他们之间的包容性,既要有所区别又要统一和谐。书法字笔画变化丰富且非常具有视觉冲击力,通常会搭配同样具有历史文化属性的宋体字形。

图片

西文则选择与宋体对应的衬线体,与书法字形搭配。

图片

根据书法字的结构和笔势,通过对文字大小、位置的调整,进行编排,让文字看起来更紧密也更有节奏感。

图片

 

案例三

在进行时尚类的设计时,可以选择现代型宋体,西文字体则可以搭配几何衬线体。本案例使用方正风雅宋和Didot进行搭配,这两款字体简约的几何造型和粗细对比强烈的笔画,细腻中透露着时尚前卫的风格。

图片

黑体与宋体的混搭是很常用的一种搭配方式,需要注意的是尺度的把握,适当的对比能够为版面带来更丰富的视觉印象,但对比过度也会产生凌乱感。

本案例选择较细黑体进行搭配,字形形成了微妙的对比,较细的黑体还有着高雅、精致的气质,运用在具有女性时尚特征的设计中相得益彰。西文则选择和黑体相对应的无衬线体。

图片

编排效果:

图片

如果感觉排版太过于规矩,可以尝试加入手写体加强字形对比,打破呆板感,营造更强烈的动感。

图片

在进行设计时,不管是中文与中文还是中英文搭配,都是需要经过仔细分析和不断练习,才能达到和谐统一、层次清晰而美观大方的效果。

 

原文地址:艺海拾贝Design(公众号)

作者:邓海贝

转载请注明:学UI网》如何排版更高级?带你重新认识宋体字排版!

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png


文章来源:csdn

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



如何设计精美的应用图标?

seo达人


图片

 

1.强调你的品牌

应用程序图标就像公司徽标。在大多数情况下,这是第一次互动,第一印象。解决方案应立即传达你公司的品牌。这样它就会变得更加可信。

图片

 

2.使其与应用程序一致

将图标视为通向你的解决方案。这个外观应该是你的应用程序之旅的开始。融入品牌元素,保持统一性。

图片

 

3.将图标与平台指南对齐

所有应用程序都是平台生态系统的一部分。我们的大脑会很快注意到与环境不匹配的事物,并将它们视为不自然的。与平台指南保持一致可确保用户的眼睛将它们视为移动平台不可或缺的一部分。

图片

 

4.让它独一无二

在图标世界中模仿是失败的快速秘诀。当用户检测到模仿时,它将不再信任解决方案。谨慎地传达你的解决方案的价值,不要只是复制他人的想法。所有令人难忘的符号都是独一无二的。

图片

 

5.让它变得简单

智者说,公司的好标志应该简单到连5岁的孩子都能画出来。环顾四周,大品牌都是这种符号。你的应用程序图标设计应该具有类似的简单性。

图片

 

6.使其易于识别

用户浏览应用程序通常会看到每个应用程序图标一两秒钟。这就是为什么你的产品应该在眨眼间被认可的原因。此外,无论人们在哪里看到符号(网站或博客),他都应该自动将它与你的应用程序连接起来。

图片

 

7.使用矢量图形

使用矢量软件来创建高质量的图标设计是很好的。年复一年,具有更高密度的新设备出现在市场上。你的应用程序设计应准备好以最高质量呈现。你还应该避免在启动器图标中使用照片。

图片

 

8.各种背景下的测试图标

有些图标在深色背景上表现得很好,有些图标在较亮的背景上看起来更好。你的用户使用各种图像和图形作为背景,为此准备你的图形。以正确方式设计的符号将始终看起来合适。

图片

 

9.让它美丽

我们都喜欢美丽的物体。让你的移动产品成为其中之一。你的图标应该像一颗每个人都想吃的小糖果。花时间准备一个可爱的图标。这项投资应该会及时回报。

图片

 

10.总结

记住这个简单的提示可能会显著增加你的应用程序成功的可能性。糟糕的图标设计是移动市场初学者的基本错误之一。

设计你的图标简单且与你的解决方案保持一致。使其独特、可识别并始终符合移动平台指南。在真实环境中测试你的图形设计。使用矢量工具来创建它。最后,你美丽的艺术品将成为标志性的。

 

原文地址:UI范(公众号)

作者:范范之道

转载请注明:学UI网》如何设计精美的应用图标?

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png


文章来源:csdn

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务





通用设计和无障碍设计,谁才是「老大」

ui设计分享达人

什么是通用设计? 


设计产品需要考虑许多不同的因素,包括功能性、可靠性、美观性、安全性等。产品设计的主要目标之一是让具有不同能力的用户能够有效地与产品交互。幸运的是,通用设计是一个框架,它允许产品创建者设计适合所有用户的体验。本文将为大家讲解通用设计概念、其核心原则,以及针对不同受众和设备间的实用设计技巧。


通用设计适用于所有用户

通用设计是一套建议,以确保产品或服务适用于不同身心能力的用户。不同身体感官、心理或智力能力的人可以使用同一种产品,而无需任何额外调整或修改时,设计被认为是「通用的」。


通用设计对用户和企业都有益处,因为更高的用户可访问性和满意度会带来更好的用户留存率。认为体验不错的用户,更有可能向他们的朋友和家人推荐产品,从而扩大用户市场。


关于通用设计的3个常见误解

尽管通用设计听起来很简单,但它却是数字世界中最容易被误解的概念之一。让我们回顾一下关于通用设计的3大误解


通用设计和无障碍设计是一回事

在了解了通用设计的含义后,大家可能会认为它是无障碍设计的同义词。实际上,无障碍设计——指的是允许残障用户正确访问产品或服务的设计,它是通用设计的一个组成部分。


通用设计关注所有人的需求,包括残障用户。换句话说,通用设计旨在让产品、服务和环境更容易为每个人所用。例如,超市中的自动开门器,方便了坐轮椅的人和携带杂货的人。


通用设计只关注功能

为了最大化地提高产品的可访问性、可用性,需要人们投入时间和精力来创建可靠的产品功能,但功能良好的产品还不足以让用户满意。事实上,用户通常偏向具有良好功能性和美观性的产品——而美观性对可用性是有直接影响的。美学可用性效应表明,如果用户拥有良好的视觉外观,他们往往会觉得设计更有用。


通用设计是设计方法的一个很好的补充

这种误解的根源来自于对通用设计含义的不理解。有些设计师认为这是一个「结果」,但实际上它是一个「过程」。通用设计并不是一套用在设计结尾时的指导方针,而是一套从始至终就整合进设计过程内的原则。实践设计协作非常重要,以确保团队中的每个人在创建产品时也共享相同的通用设计理念。


通用设计的核心原则是什么?

通用设计的一个经典例子:帮助轮椅使用者从街道转到人行道的坡道设计。图片来源 Adobe


通用设计的核心原则是由Ronald Mace和北卡罗来纳州立大学的建筑师和产品设计师工作小组于1997年制定的。Mace 创造了「通用设计」这个词,并用它来描述产品和环境的概念。


最初,通用设计主要是为实体产品和环境考虑的,但后来这个概念被应用于数字产品。接下来概述的通用设计原则,目的是帮助当今的数字设计师创造更人性化的产品和环境。


01 公平使用

设计师应致力于为所有用户提供相同的使用方式。如果无法为不同能力的人提供相同的设计方案是,那么产品创造者应该找到合适的相似方案。例如,当你设计一个网站时,需要让所有人都能访问它——包括有视觉障碍和使用屏幕阅读器技术的人。

视障人士在配有辅助技术的计算机上工作。图片来源 Adobe


02 灵活使用

当你的设计投入使用时,它应该足够灵活以适应用户的节奏,以及不同用户间的交互方式。例如,当你创建新设备时,它应针对右手或左手访问进行优化。


03 简单直观地使用

你的设计应该简单、直观,并符合用户的期望——无论用户的知识或以前的经验如何,都应该易于理解。总是试着去消除不必要的复杂性,包括使你的视觉设计尽可能简约,以及在任务完成期间和完成后为用户提供适当的反馈。此外,一定要使用简单易懂的语言与用户交流。


04 可感知的信息

你的设计应持续向用户传达必要的信息。重要的是通过多种方式提供信息,以适应感官能力不同的用户。例如,在设计视频播放器时,建议添加启用字幕的用户界面(UI)元素。字幕可以帮助聋哑用户理解多媒体内容,对非母语人士也很有用。

YouTube的视频字幕。图片来源YouTube


05 容错

你的设计应将出错的风险降至最低。为具有潜在危险的操作添加额外的「保护层」,防止用户犯错,例如不可逆转的文件删除。

Apple macOS 中的对话框,在用户尝试清空废纸篓时变得可见。此对话框通知用户无法撤消此操作。图片来源:Nick Babich


06 最少的体力劳动

你的设计应尽量降低用户使用时所需的体力工作。具有良好的人体工程学设计、最少的重复操作,以及舒适的交互。自动人行道——机场中常见的一种运行机制,帮助身体各异的人快速移动——展示了这一原则的应用。

在机场使用自动人行道的人。图片来源 Adobe


07 接近使用的尺寸和空间

无论人们的体型、姿势或活动能力如何,都应不受影响地使用产品。例如,当我们设计一个新的移动设备时,我们需要确保它适应手和握把尺寸的变化。对于许多项目来说,可以使用UI 套件去制作适合各种情况的UI元素。 


如何将通用设计应用于学习?

正如我们前面提到的,通用设计不是严格的指导原则,而是一种考虑用户不同能力的设计方法。通用设计的目标不是创建一个一刀切的解决方案(很少能找到这样的解决方案),而是探索不同的设计解决方案,并选择更具包容性、可访问性和教育性。由于每个产品都不同,因此实施通用设计方法可能因组织而异。以下是基本上适用于所有项目的一些建议。


01 进行用户研究以了解你的用户

了解你的用户是产品设计最关键的方面——但如果你想实践通用设计,你也应该了解用户的多样性。用户研究在设计过程中起着关键作用,因为它直接影响我们的设计,这也是为什么所有设计过程的第一步都是收集用户需求。旨在了解用户的需求、行为方式以及与产品互动时的想法。


在进行用户研究时,你应该:

-确定你的目标受众;

-找到你目标受众的正确代表。

-采访代表以获得有关用户偏好和行为的宝贵见解。


在这个过程中实现用户多样性非常重要,这意味着你应该采访目标用户群中不同年龄、不同心理和不同身体能力的人。它将帮助你设计和开发可供不同类型用户访问的强大UI。在此阶段结束时,你应该了解用户的性质、目标以及使用你的产品想要完成的任务。


02 创建心智模型

根据你在第一步中收集的用户研究,是时候创建用户心智模型了。这些模型描述了用户对系统的了解(或认为他们了解)什么,这使你可以了解特定人员看待情况的视角。将残疾视为心智模型的一部分也很重要。例如,在为色盲用户调整产品设计时,请确保颜色不是用作交流的唯一方式。


03 用户流分析

用户流分析是最有价值的用户体验 (UX) 设计方法之一。用户流显示了用户如何与产品交互——包括用户为实现目标而经历的步骤,以及在此过程中每一步实际发生的操作或交互。用户流分析使设计人员有机会了解不同交互发生的背景。


在进行用户流分析时,建议设置一个量表,让你能够恰当地评估用户交互:

1级:与产品交互时没有重大问题;

2级:对特定产品功能有困难;

3级:大多数产品功能有困难;

4级:无法使用产品。


在此步骤结束时,你将了解产品的实际复杂级别。这些信息将帮助你在用户有效性、效率和满意度方面优化产品需求。


设计提示:使用同理心图会让你的用户流分析变得更容易。当你站在用户角度,去考虑用户在使用时的所见、所想和所感时,它可以帮助你的团队建立对用户的同理心。


04 应用迭代式原型

原型制作是一个将团队最初概念转化为实际有形的过程,例如在纸上绘制模型(低保真)或创建功能设计模型(高保真)。应用迭代原型对探索和测试非常有用,因为原型可以在产品发布前帮助收集用户丰富的反馈信息。它还允许关键的项目利益人或合作伙伴设想系统的未来样子。


虽然原型制作是通用设计过程里的重要组成部分,但最大限度地减少构建原型的所需时间也同样重要,产品设计师可以依靠UI套件来加快原型制作。


05 进行可用性测试

在这个阶段,确保你的用户不再遇到任何产品问题至关重要——可用性测试是实现这一目标的完美技术。可用性测试使可以帮助你直接观察目标用户与产品的交互。它可以是直接的(适度的可用性测试)或远程的观察。可用性测试允许设计人员从单个功能后退一步,从整体上审视产品、服务或环境。可用性测试的目的是评估你当前的设计,并明确改进的方式。


06 将用户反馈环路整合进设计过程中

通用设计需要用户的积极参与,因为你需要用户的输入让设计运行起来。这意味着你的用户时刻向你共享他们的反馈。通过反馈循环机制(例如共享产品问题、关注点和意见表单),能帮助你设计出更符合用户期望和需求的产品。


设计应吸引所有用户

通用设计期望造福任何人,因为它促进了产品的可访问和可用性。在整个设计过程中考虑所有人的需求和能力,可以创造出真正满足用户需求的产品。

文章来源:站酷   作者:UX词典

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



jquery取点击位置是table中的第几行第几列

前端达人

$('table tr td').click(
  function()
  {
   alert( $(this).parent().parent().find("tr").index($(this).parent()[0]));//第几行
   alert($(this).index());//第几列
  }
);

 

 

 

$('table tr td').click(
  function()
  {
   var i = $(this).parent().parent().find("tr").index($(this).parent()[0]);//第几行
   alert($("table:eq(0) tr:eq("+i+") td:eq(0)").text());//取点击行第一列的值
  }
);

分类: JavaScript


蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:博客园

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

jquery、js获取table,遍历输出tr中各个td的内容。

前端达人

首先,依赖jquery..

复制代码
1 $('#btntb').click(function(){ 2 $('#tab tr').each(function(i){ // 遍历 tr 3 $(this).children('td').each(function(j){ // 遍历 tr 的各个 td 4 alert("第"+(i+1)+"行,第"+(j+1)+"个td的值:"+$(this).text()+"。"); 5  }); 6  }); 7 });
复制代码

js的方法

复制代码
var tb = document.getElementById('tab'); // table 的 id var rows = tb.rows; // 获取表格所有行 for(var i = 0; i<rows.length; i++ ){ for(var j = 0; j<rows[i].cells.length; j++ ){ // 遍历该行的 td alert("第"+(i+1)+"行,第"+(j+1)+"个td的值:"+rows[i].cells[j].innerHTML+"。"); // 输出每个td的内容  }
}
复制代码

Html代码

复制代码
<div align="center"> <table id="tab" border="1" align="center"> <tr> <td>西瓜</td> <td></td> </tr> <tr> <td>芒果</td> <td>桔子</td> </tr> <tr> <td>奇异果</td> <td>葡萄</td> <td>西柚</td> </tr> </table> <br> <button id="btntb">遍历table</button> </div>
复制代码

 

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:博客园

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

设计师的年中总结这点事儿

seo达人


01.年中总结到底重不重要?

静下心来仔细想想,年中总结到底重不重要?我觉得对于设计师来说非常重要的!因为通过年中总结可以更好地了解上半年的产出,有什么亮点。技能上是否成长,其中哪些不足,都可以在这个阶段进行复盘。分析遇到的问题,解决问题并总结归纳。
 

 

02.怎么才能使内容更出彩?

我们在总结之前,不要着急上来就写,要先列出一个基本的框架,要进行分析,捋清逻辑。
 
首先要罗列出在这上半年做了多少个项目,想不起来可以翻一翻以前的周报,把项目进行归类,可以分为3类:重点项目、常规项目和其他参与的项目。
 
然后就可以列出一个基本的总结框架,按照这个框架在结合自己的实际情况,就方便多了!下面是我列出的一个基本框架,可以根据自身情况进行删减。
 

图片

·自我介绍

这个在开讲之前都会讲一下,尤其在大厂,向领导们汇报,首先要介绍你是谁,主要负责哪个业务线,主要负责什么内容。但是如果是小公司或者是在组内进行汇报,那这个环节就省去了!因为领导和大家对你是比较熟悉的。
 

·内容引言

可以用几个关键语句来概括一下半年的工作,能给人留下深刻的印象。要以工作的核心价值为主,比如:我把这半年我在业务能力的显著提升总结出3个关键点

1.品质感的提升

2.解决问题能力的提升

3.善于思考

简单明了,定好主题后,下面内容都围绕着主题去说明论证。

图片

·重点内容讲解

很多人有一个误区,觉得总结的内容越多越好,如果缺乏重点,也只会让大家觉得你努力但是却没有成绩的印象。以这个我在年中总结中摘出来的一个红包雨小游戏项目来说:
 
1.首先要向大家介绍一下这个项目的背景,让大家了解这个项目是干什么的,以及玩法是什么。
 

图片

 

2.介绍此次项目中设计的亮点

冲击力、层次丰富、光影质感

PPT上面文字不用太多,提炼出关键点,简单明了,容易被大家阅读,在讲的时候在把细节具体的展开来说,充分的介绍你的设计思路。

 

图片

 

3.完整的界面展示

把项目的设计思路以及亮点介绍完之后,要把项目的所有的页面都展示出来。并在PPT中用数字展现出来,要进行量化。

图片

图片

图片

 

4.遇到问题如何解决的

那这个部分是非常重要的,因为可以展现出你解决问题的能力,设计师不仅仅要把界面做的美观实用,还要在遇到问题是能给出一个解决问题的好方法,这也是设计师必须具备的能力之一。

 当时这个红包雨的因为每一个界面都涉及动效,所以和开发沟通起来很难去描述细节,最后产出的效果不理想的话改也是很麻烦的,所以干脆出一个demo,把想要实现的效果直接展示出来,这样就什么问题都解决了!

 

03.自我反思

这是对自己半年的评价,这部分可以分成自己的优点和缺点两类来说,优点可以说设计满意度,技能是否提高,设计能力是否提高,哪方面有提高;缺点可以说还有哪里不足需要加强。

 

04. 明年规划

经过反思,你会了解到自身的不足,可以根据这些不足制定下半年的计划,在明年的相同地方至少可以不走弯路,快速超车,最终到达目的地。

 

05.结语

都说干得好不如ppt写得好,其实无论是在年中或者年底的大总结还是日常的小总结,要想出彩,必然离不开平时兢兢业业的工作。但只有苦劳是远远不够的,总结也是一种日常积累,我更希望我们每个人做的不仅仅是年中这种大一点的总结,而是每月总结,每周总结,甚至每天总结,曾子之所以有伟大的德行,是归功于他的“吾日三省吾身”。如果能够做到隔段时间就把过往工作做一次梳理,重大项目完结都做一次总结,那总结汇报时必然能交上像样的答卷。
 

 

原文地址:58UXD(公众号)

作者:环铁艺术家

转载请注明:学UI网》设计师的年中总结这点事儿

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png


文章来源:csdn

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


设计沉思录|设计价值难量化?掌握这套方法就够了

seo达人


01.目标导向的来源

目标导向在我们身边随处可见,大到公司建立的使命、愿景、价值观,小到公司的规划的3年、5年的发展战略,再聚焦一点便是每个季度制定的OKR。大大小小的目标形成一条路径,使得公司上下多个人、多个团队共同合作,为实现最终目标而不懈努力。

a

02.目标导向方法帮助设计师解决什么问题

作为设计师,参与的目标链路绝大多数处在偏下游的一环。设计师需要明确自己的价值,并且产出自己的价值。通常我们拿到的目标是比较宏观的,这就需要我们不断拆解为更小的子目标,每层目标便是上层目标的实现路径。
 

图片

目标导向的设计方法能帮助设计师在整个系统中梳理清楚我们要承接的上层目标是什么,也就是设计职能对业务的价值,帮助我们了解工作要求是什么,设计需要达到什么样的标准,向下拆解我们能产出怎样的策略。

a

03.目标导向的设计分析方法

第一步:明确设计目标

1.首先要了解什么是清晰的目标。清晰的目标由2个部分构成,一部分是预期结果,另一部分是现状,其中必然存在一定的落差。那么这个落差便是我们要解决的问题和要完成的任务,所以一个清晰的目标需要包括预期和现状。

图片

2.符合Smart原则:具体的、可衡量的、可实现的、相关的、有截止期限的。

制定的目标不能含糊,能否达成一定是可以被证实的,不能不切实际。除此以外,制定的目标需要和其他的目标有所关联,在准确的截止日期完成。
 

图片

3.明确我们的设计目标需要从项目目标切入,通过不断向上追问,补全业务的背景和目标。同时基于业务目标,拆解出设计目标,并且为设计目标找到可衡量的指标。

图片

第二步:拆解目标的两大步骤

通常人类有两种思考方式:直觉思维和结构思维。直觉思维大多是在极短的时间内大脑做出的判断,想到的方案大概率是不完整的。结构思维是经过系统分析后作出结论,对大的目标拆解成要素,最后形成一个影响目标的结构图。通过补全所有的视角,从中找到最后那几条或者一条关键的解决方案。带入这样的思考方式,我们如何对目标进行拆解呢?
 

1.找拆解维度:

麦肯锡 6W3H方法:

what\where\which\when\why\how\how much\how many

通常解决一个问题,要从提出一个好的提问开始,提的问题就是切入的角度。6W3H中问到最多的是“Why”,往往也是最核心所在。通过不断的提问,打开的视角越广,认知才能越广。 

图片

 

2.系统拆解:

找好拆解维度,怎么判断是不是一个好的拆解呢?可以看它是否符合Mece原则:同一维度,不重不漏。它是麦肯锡的第一个女咨询顾问巴巴拉·明托在《金字塔原理》中提出的一个很重要的原则:各部分之间相互独立 ,所有部分完全穷尽。

图片

常见的拆解模型有以下5种:

A.二分法:把信息拆解成A和非A两个部分。

B.过程法:按照事情发展的时间、流程、程序,对信息进行逐一的拆解。

C.要素法:可以是从上到下,从外到内,从整体到局部进行拆解。

D.公式法:按照固定公式设计的要素去拆解,比如CTR、GMV等计算公式。

E.矩阵法:根据重要紧急程度构建价值矩阵对应四个象限:重要紧急、重要不紧急、不重要但紧急、不重要也不紧急。

图片

同时,在目标拆解中也有一些小技巧:

A.要够多:对一个拆解维度的拆解方式越多,找到关键因素的概率越高;

B.要够细:在逐层拆解的过程中,需要不断检查最细要素是否已无法再进行拆解;

C.要够准:拆解时,要检查是否可以推导出具有指导意义的结论。

第三步:定位重点

定位重点,可以分为2个维度构建价值矩阵:

1.重要程度:看如何构成目标;

2.提升空间:看横向对比,看时间变化。 

图片

第四步:挖掘策略

通常情况下,在前面步骤做到足够充分的时候,对应的解决策略也会相应成型。挖掘解决策略同样也有4大步骤。

1.明确研究内容:依旧采用6W3H的方法,进一步细分明确要研究的内容;

2.选择研究方法:桌面研究、数据分析、用户研究、竞品分析等;

3.提取研究结论:通过以上方法研究得出的结论可能会有相同与不同之处,对最终的信息进行分析及整理,得出最终的研究结论;

4.提炼策略:基于研究结论,提炼出相应的解决策略。

图片

a

结语:

以目标导向的设计方法可以有效地帮助设计师通过对目标的逐层拆解,从宏观看到微观,从模糊到清晰,从方向转变为动作。在此过程中了解设计职能在整个产业链条中起到什么作用,帮助设计师们在可发挥的空间内大展拳脚,实现价值最大化。
 

推荐阅读:

《麦肯锡问题分析与解决技巧》

《麦肯锡教我的思考武器:从逻辑思考到真正解决问题》

《金字塔原理》


文地址: 58UXD(公众号)

作者:环铁艺术家

转载请注明:学UI网》设计沉思录|设计价值难量化?掌握这套方法就够了

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png


文章来源:csdn

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

防呆设计——10个防错的通用设计原则

资深UI设计者

防呆(日语:ポカヨケ poka yoke),是一种预防矫正的行为约束手段,运用防止错误发生的限制方法,让操作者不需要花费注意力、也不需要经验与专业知识,凭借直觉即可准确无误地完成的操作。

而说到防呆设计,在各行各业都应用得非常广泛。为了避免用户在使用产品时不小心犯错,产品在设计时都会加入“防呆设计”。防呆设计,就是通过设计的方法来实现防呆,来帮助尽可能多的人进行“无脑操作”的方法。当然,防呆设计如果做得不好,就变成了招呆设计。

今天老王就跟大家来分享一下,在UI界面的设计中10种防呆设计原则。


1.阻断性原则




2.保险性原则



3.自动原则



4.相符原则


5.顺序原则



6.隐私原 



7.重复原则



8.提示原则



9.错误提示



10. 缓和原则


如果你细心观察你的四周,就会发现生活中很多细节都运用到了防呆设计。今天跟大家分享的这10种防呆设计的原则其实更是一种方法总结,具体如何运用还需要大家带入到实战中多多练习,在产品遇到错误时,想想该用哪种方式解决。


蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:站酷    作者:micu设计

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


兴趣电商,是新机遇还是伪概念?

资深UI设计者

编辑导语:如今,电商的发展如火如荼,我们的生活已经离不开电商平台。随之带来的是丰富多样的选择,消费者可选择的种类更多了。但消费者的需求也在发生着变化,兴趣电商的机会也来了。如何在兴趣电商中拔得头筹,脱颖而出?我们一起来看看吧。

作者 | 周晓奇

编辑 | 子夜

来源 | 连线Insight(ID:lxinsight)

“过度丰富的商品对于消费者来说,或许是一种恩赐,或许是一种诅咒。”在《品类杀手》一书中,美国著名零售业研究专家罗伯特·斯佩克特提到。

经过十几年的蓬勃发展,电商生态已经足够丰富,如今人们足不出户就可以购买到市面上绝大部分商品。

但电商在丰富消费者物质生活的同时,也出现了商品过度丰富、信息过剩,用户反而会因此感到疲倦,货比三家也颇费精力。

这也让“推荐商品”成了新的商机。从社交电商,到目前依靠内容吸引用户购买行为的电商生态,都是“货找人”的场景。

据招商证券发布的《直播电商三国杀》报告显示,从2015年开始,以短视频、直播为主要载体,依托优质内容激发消费者兴趣的电商生态,在国内突然兴起,并呈现爆发式发展。

图源招商证券报告

今年2月,中国互联网络信息中心发布的第47次《中国互联网络发展状况统计报告》,其中数据显示,在电商直播中购买过商品的用户已经占到整体电商直播用户的66.2%,其中17.8%用户的电商直播消费金额占其所有网上购物消费额的三成以上。

通过短视频、直播,用户发现并了解了商品,而优质的内容则激发了用户潜在的消费需求。

这种电商生态,用兴趣电商表述更为准确。

不过,颇受争议的是,在国内电商生态如此繁荣的环境下,兴趣电商是涌现的新机遇,还是伪概念?

商家、品牌商们已经在用脚投票,越来越多的品牌正在组建独立的兴趣电商团队。

据连线Insight不完全统计,美的、珀莱雅等品牌都在内部搭建了专门的直播团队,三只松鼠有十余人的直播运营团队,良品铺子甚至还专门为抖音电商渠道单独注册了一家公司。

在技术的不断突破下,电商生态也随之风云变幻,而兴趣电商的出现,或将成为当前短视频平台在电商领域突围的关键。

一、用户消费习惯变了,电商的新机会是什么?

时代浪潮滚滚向前,电商世界也随着用户习惯的变化而风云变幻。

在最早期,人们希望买到自己需要的东西,搜索式电商满足了这一阶段的用户需求,解决了购物渠道和价格信息不对称的问题。

搜索电商时代解决了“人找货”的问题,而社交电商时代很快进入了“货找人”的阶段。

在新的阶段,出现了借助社交流量激活的电商生态。在社交电商中,人的价值开始发挥重要作用,通过用户与用户建立联系,进而推荐商品,极大地提升了用户对不熟悉商品的信任感。

更关键的是,在社交电商生态中,产生第一次交易后,真正的裂变才刚刚开始。通过社群或个体联系,社交电商可以覆盖单个用户所有生活必需品。

由此,专业的社交电商玩家陆续诞生,开始有了与传统电商分庭抗礼的实力。

可见,跟随用户消费习惯的变迁,在不同阶段都会诞生不同的电商模式。

那么目前,用户出现了什么新的消费习惯?电商领域还有什么新趋势?

通过观察用户可支配收入、规模,以及日常高频使用的软件,或许能够看到正在诞生的新机会。

如今,随着全国居民人均可支配收入的连年增长,人们的消费习惯在不断发生改变。

据国家统计局数据显示,2020年,全国居民人均可支配收入为32189元,比上年名义增长4.7%,扣除价格因素,实际增长2.1%。其中,城镇居民人均可支配收入43834元,增长3.5%,扣除价格因素,实际增长1.2%;农村居民人均可支配收入17131元,增长6.9%,扣除价格因素,实际增长3.8%。

与电商刚崛起的时代不同,如今网购已演变为一种基础消费形式,成为大多数用户日常生活的基础组成部分,而此时大部分用户已经跨越了生存需求阶段,越来越愿意为自己的兴趣付费。

抖音电商总裁康泽宇提到,当前用户的消费结构发生了升级,早期大众消费时代,消费者需要什么买什么,现在消费者生活富裕了,出现了很多精品店、Shopping Mall,消费者逛街过程中,没有什么特别明确的需求,只是看到什么喜欢买什么。

据中国网络视听节目服务协会发布的《2020年中国网络视听发展研究报告》(以下简称网络视听报告)显示,我国短视频用户规模已经达8.18亿,占网民整体的87.0%,其中,抖音稳居行业第一梯队。

在报告进行的专项调查结果中,其中46.9%的用户每天看综合视频的时间在1-2小时,对于短视频而言,这一数字为34.8%;此外,有16.1%的用户每天收看综合视频的时长在2小时以上,对于短视频而言,这一数字为18.2%。

从各项维度来看,短视频已经成长为互联网行业第一大用户时长、流量和内容的聚集地。

这意味着,很多用户的喜好在短视频这个巨大的内容平台上展示,他们对感兴趣的内容点赞和评论。

根据用户喜爱的内容,发现用户的潜在需求,给他们推荐他们感兴趣的商品,这是兴趣电商最大的特点。

但要做好这件事并不容易,当消费者的需求不明确的时候,商家要怎么帮助用户发现潜在需求?平台又怎么帮助商家将商品推荐给感兴趣的人?

二、兴趣电商,重在兴趣

兴趣电商,真的能带来成交吗?

兴趣电商对应的消费特征是,用户存在潜在的消费需求,但并不知道真正契合自己需求的是什么商品,或者说,在海量的商品信息、层出不穷的新科技新产品面前,消费者不知道自己的兴趣和需求究竟应该以怎样的产品形态出现。

而在用户观看短视频或直播的过程中,丰富而生动的内容会激发出用户潜在的消费需求,从而转化为商品订单。

在招商证券的《直播电商三国杀》报告中提到,直播带货能够带动观看用户的消费欲望:超过60%的用户表示直播带货能够非常大或者比较大地引起消费欲望。

抖音创作者马玲敏最先感觉到了这一趋势。三年前,马玲敏只是在朋友中最先玩抖音,平常拍摄的也都是自己上下班的日常,而在一次无意中,她拍摄了一条云南特色美食”油炸玫瑰花”的视频,这让其一夜涨粉五万。

当地习以为常的食物与乡货,在外界看来却是新鲜事、新鲜好物。马玲敏捕捉到这种变化后,开始通过短视频和直播,将更多云南的特色乡货传播给更多地方。

2020年,马玲敏与团队小伙伴,走了上万公里路,探访了30多个云南村庄,在传播云南特色乡货的同时,也卖出了2.5万件当地特色美食,年销售额达到123万元。

马玲敏的案例,正展现出兴趣电商的独特性与商业价值。如果没有抖音短视频和直播,马玲敏或许还是一个幼儿园老师,而没有她的传播,全国各地的用户也不会知道众多云南特色乡货。

通过短视频和直播,货找人的路径得以实现,而依托优质的内容,才是真正推进兴趣电商诞生并发展壮大的重要因素。

更多的创作者,正在短视频平台上输出着优质的内容,而这些内容,都蕴藏着商机。

只要在工作室内,陈凯拿起一把锤子,就能敲敲打打一整天,但他不是修理工,而是一位中国传统甲胄爱好者。

传统甲胄,图源抖音账号殿前司-胖虎

作为中国铠甲爱好者社团“殿前司”的发起人之一,2018年,陈凯注册了抖音账号,开始通过短视频的形式,让那些曾经只存在于壁画上、书籍里的传统铠甲“活了起来”。

在他的短视频中,包含了从传统甲胄的整体展示,到制作过程、盔甲相关的历史文化知识。

在现代追求高科技、新技术的潮流下,陈凯为喜爱甲胄的玩家,开辟了一个小小的天地,而网友在陈凯的短视频和直播当中,也找到了自己对传统甲胄的热情,成为了资深爱好者,积极地消费、传播着相关工艺作品和文化。

据连线Insight了解,如今在抖音上,手艺人的比例越来越多。原本,这些手艺人制作的工艺品无人问津,而通过抖音等短视频平台,这些手艺人甚至实现了年入百万。

追根溯源,这些手艺人能够崛起的关键原因之一是,他们越来越习惯并擅长使用短视频渠道。

相比图文内容,丰富的视频内容更为通俗易懂,理解短视频内容的门槛也就更低,由此吸引并带来了更多元化的用户群体。

据网络视听报告显示,截至2020年6月,我国网民较2020年3月新增3625万。新增网民中,15.2%的人第一次上网时使用的是短视频应用,此外,新网民对短视频使用率为77.2%,较2018年底增长10个百分点以上。

对手艺人而言,他们创作的内容天然具有稀缺的趣味性,而这种趣味性内容一旦匹配到相关爱好者,就有了商业变现的可能。

可以说,短视频和直播带货,将商品展示变得更加生动、直观,而这也是推动兴趣电商兴起的时代背景。

根据第三方测算,兴趣电商的GMV到2023年大概会超过9.5万亿,整个电商行业会有越来越多的参与者转向兴趣电商。

三、风口渐起,谁能突围成功?

兴趣电商的想象空间很大,但想吃到这块蛋糕得有真实力。

需要比拼的要点,包括了平台创作者的数量、用户数量、内容的丰富和优质程度、推荐分发技术。

只有这些都具备了,才能同时服务好用户和商家,在激烈的电商竞争中实现突围。

对于商家而言,兴趣电商的崛起,意味着更严峻的考验,其不仅需要挑选出符合用户兴趣的商品,还要通过丰富的内容来展现该商品的趣味性,但这也意味着有更多发展与崛起的机会。

首先最直观的,就是获得新客。

在流量普遍高昂的情况下,商家获客的成本居高不下,兴趣电商显然是一个值得尝试的渠道。

据康泽宇透露,抖音平台的商家反馈,抖音电商85%的消费者都是新客,这意味着越来越多的消费者,开始涌入兴趣电商生态。

当前,据抖音官方数据显示,截至2020年8月,包含抖音火山版在内,抖音的日活跃用户数已经超过6亿。

在这个用户数量的基础上,只要结构合理、运行得当,其未来发展空间足够广阔。

加华资本创始合伙人宋向前曾提到,现在年轻人受到非常好的教育,他们的视野更广阔,而且作为数字经济原住民,这一代年轻人掌握了很多信息,填补了信息差距。

庞大的年轻群体,也有更高的消费力。

据第一财经商业数据中心发布的《2020Z世代消费态度洞察报告》显示,在中国,Z时代的开支达4万亿人民币,占全国家庭总开支的13%,同时Z时代人群更愿意为自己的多元兴趣而买单。

Z时代消费规模,图源2020Z世代消费态度洞察报告

可见,在不久的将来,随着Z时代逐渐成为社会重要支柱,更有趣、精准,内容质量更好的兴趣电商,可能将改变整个电商产业以及重塑其中各个环节。

但如今,国内兴趣电商市场还在发展初期,与传统电商生态依旧有很大差距,同时兴趣电商要想避免仅停留在概念层面,平台应该有耐心、有远见,重视治理、重视质量,重视单纯的GMV数字之外更切实的用户体验,如此才能让兴趣电商真正成为增长引擎。

更为重要的是,作为电商生态中的新势力,兴趣电商不仅需要保证商品的内容有趣,更需要确保商品质量,保障每个消费者的购物体验。

看起来质量好,拿到手的产品不低于预期,这才能真正让感兴趣的用户,沉淀为忠诚粉丝。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:人人都是产品经理   作者:米可

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



jq 变量转字符串_JS中将一个值转换为字符串的3种方法

前端达人

1.value.toString()

2."" + value

3.String(value)

第一种方法存在的问题是,它不能把null和undefined转换为字符串.还有第二种和第三种方法,这两种方法的效果基本一样.

""+value: 使用加法运算符配合一个空字符串可以把任意值转换为字符串,我觉得这种方法代码的可读性很差,但相对String(value)来,还是有一些人更喜欢用这种转换方式.

String(value): 这种方法可读性更好,唯一的问题是,这种函数调用可能会迷惑一些人,尤其是那些熟悉Java的程序员,因为String同时也是一个构造函数.要注意的是它作为普通函数和作为构造函数时的表现完全不同

其他:

a. 要把一个数字转换为字符串,只要给它添加一个空的字符串即可:

var n = 100;

var n_as_string = n + "";

b. 要让数字更加显式地转换为字符串,可以使用String()函数:

var string_value = String(number);

c. 使用toString()方法:

string_value = number.toString();

Number对象的(基本的数字转换为Number对象,以便可以调用这个方法)toString()方法有一个可选的参数,该参数用来指定转换的基数。如果不指定这个参数,转换会以10为基数进行。然而,也可以按照其他的基数(2到36之间的数)来转换数字。

var n = 17;

binary_string = n.toString(2); // Evaluates to "10001"

octal_string = "0" + n.toString(8); // Evaluates to "021"

hex_string = "0x" + n.toString(16); // Evaluates to "0x11"

d. toFixed()方法把一个数字转换为字符串,并且显示小数点后的指定的位数。它不使用指数表示法。

var n = 123456.789;

n.toFixed(0); // "123457"

n.toFixed(1); // "123456.8"

e. toExponential()使用指数表示法把一个数字转换为字符串,小数点前面有1位数,而小数点后面有特定的位数。

var n = 123456.789;

n.toExponential(1); // "1.2e+5"

n.toExponential(3); // "1.235e+5"

f. toPrecision()使用指定的有意义的位数来显示一个数字,如果有意义的位数还不够显示数字的整个整数部分,它就使用指数表示法。

var n = 123456.789;

n.toPrecision(4); // "1.235e+5"

n.toPrecision(7); // "123456.8"




蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:博客园

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档