51code

五、 使用 无线充电技术的发展， 可以 不受电池容量的束缚。 CES 2016 上出现了一款全新 无线充电 产品——来自 Ossia 公司的 Cota 无线充电基站。使用的时候被充电设备并不需要放在一个固定位置，目前可以实现半径3米范围内定向对设备进行充电。 华盛顿大学的一位研究人员发明了一种新技术，可以通过路由器的WiFi信号为智能手机充电。通过路由器WiFi信号充电的最长有效距离为28英尺（约为8.53米），并且在充电 的过程中仍然可以正常访问 互联网 。未来，一旦这项技术变得更加成熟，并且FCC放宽WiFi路由输出功率的话，那么未来用WiFi信号为手机充电，彻底摆脱 移动 电源和线缆的话，我们的生活将变得更方便。 六、科技的发展，对于设计领域有何影响？ 科技发展一定会带来应用创新，一定会带来新的机遇与挑战，未来科技的发展，对于设计领域，特别是产品和交互设计会带来哪些影响？以下谈谈笔者的看法。 · 设计领域拓展及设计方法、流程的演进。 科技的发展带来了新的应用场景，交互模式也由鼠标、触屏延展到形体、位置传感及语音交互，如何利用新科技进行行业领域的设计创新及构建新的设计系统、设计流程，将是最需要着手解决的问题，先知先觉的设计师及设计机构一定会有更好的发展机遇。 · 新的设计工具的诞生 VR/AR以及形体交互方式带来了新的设计开发壁垒，一定会有第三方公司推出可视化的工具提高设计效率

3 月，跳不动了？>>> 新版 Lightroom CC 2015.8 软件除了错误修复、增加对新相机支持等性能改进之外，还带来了全新的“参考视图”功能，以用于同屏照片对比。而新版 Camera Raw 9.8 的更新则主要集中于增加了对新款相机和镜头的支持，并且修复了部分软件问题方面。 性能改进 Lightroom CC 2015.8 版本的最新后台改进提高了Lightroom的响应速度。在后台任务（例如生成预览）运行、移动文件夹内文件和目录备份时，你能体验到照片编辑响应速度的提升。 新增支持 增加了对新款相机和镜头的支持 改进缩放功能，改进高清显示器适配 全新参考视图模式 参考视图是 Lightroom 中的一个新视图模式/工作区，它可以在修改照片模块中为您提供专用的双联视图。该视图允许您放置一张静态参考照片，它显示在修改照片模块中可编辑的现用照片旁。 这种视图适用于执行下面的图像编辑操作： 要求在视觉上匹配给定图像的特征（例如，匹配给定图像的外观以创建预设） 确定照片的白平衡一致性 平衡要在一个布局或演示文稿中一起使用的多张照片的图像属性 微调所应用的相机匹配配置文件，进而与相机生成的 JPG 文件的外观匹配。 来源： oschina 链接： https://my.oschina.net/u/2971691/blog/811669

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 3. 对齐 在网页设计中，页面上的元素不能随意摆放，每一项都要与页面内容存在某种联系。对齐也是网页设计必不可缺少的一部分，它可以帮助设计师做出非常吸引眼球的设计，这也是是优秀网页设计的潜在要求。 对齐的案例非常多，我们随便列举两个。 下图的网站中产品左对齐： 另一个网站的居中对齐： 第一幅图的左对齐和右对齐让文本看起来更清晰、效果分明；第二幅图的居中对齐则显得更庄重、正式、稳重。 4. 亲密性 亲密性是指把一些相关的东西组织在一起让它们从整体看起来和谐统一。 我们可以从两点入手：适当的留白、用视觉的重点突出层次感。 比如下图中的图文搭配，是多个元素组合在一起的排版。 用户的眼睛首先被Banner的图和文字吸引，然后再向下移动到文字的描述以及链接文字，这些元素的亲密性和对比形成一种平衡。 来源： oschina 链接： https://my.oschina.net/u/2971691/blog/786018

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 四项基本设计原理，对比、重复、对齐、亲密性被设计师广泛应用。它们在网页设计中对文字的 排版 也经常用到。 1. 对比 我们将对比分为三类，有标题和正文中的字体、字号对比，文字颜色的对比，以及文字颜色与背景颜色的对比。 标题与正文的对比 在下面网站案例页面中，标题使用18px的微软雅黑，正文使用12px的宋体，两种字体和字号的对比让文字内容富有层次，能吸引读者眼球。 文字颜色对比 在下图中，有一部分文字采用了与正文文字不同的另一种颜色，这种对比是增加视觉效果的有效途径之一，突出展示该段落的重点。 文字颜色与背景颜色的对比 这是一种常用的排版方式，正文与背景合适的颜色对比，不仅可以提高文字的清晰度，并且可以产生强烈的视觉效果。 比如在下图中，白色的背景、红色的标题、黑色的正文这三者之间的对比，还有黑色背景与白色文字对比的应用，将文字内容清晰衬托出来，既有丰富的层次感，同时具有很强的突出效果与视觉冲击力。 不过设计师在使用对比时需要注意，要确保文字是清晰的，如果文字太小或比较纤细或色彩的对比度不够的话，这样会适得其反，举个例子： 如果对色彩的对比度还不够熟练的设计师，可以通过颜色对比检测工具（如Check My Colours、Colour Contrast Check）检测色差和亮度差，确保网页的易读性。 来源：

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 2. 重复 设计中的每一个元素都可以在整个网页中重复出现，那么对 文字 来说，有可能字体、字号、样式的重复，也可能是同一种类型的图案装饰、文字和图片整体的排版布局方式等。重复会给用户一种有组织和一致性的体验，可以创造出阅读的连贯性，显得你更专业。 比如下图中在产品准则部分采用了统一的“图片+标题+正文”，内容不同，但是布局方式统一，图片的风格一致。用户一眼看过去，就知道这是属于同一个版块的内容，这样的重复很容易有一种连贯和平衡美感。 下图是一个流程，标题和文字在图片同样的位置、采用同样形式，与图片背景颜色形成对比，而文字样式的也重复的，这样显得一致性、统一性。 重复在网页设计上应用的非常广泛，单一的重复也许会显得单调，设计师可以根据不同网站的风格灵活使用它，比如有变化的重复能增加创意，给网页设计增加活力。 来源： oschina 链接： https://my.oschina.net/u/2971691/blog/785996

三， 什么是 HTML HTML语言又叫做超文本标记语言，是标准通用标记语言的升级提升版。 超文本 标记语言包括诸如音频，视频，文本等等数据，让在浏览器呈现出的网页内容更加丰富，形式更加多样。总体来说，超文本标记语言包含头和主体两个部分，即网页的信息部分和网页的内容部分。实现流程大致是，发起者在网上放置主页，并留有URL指针，也就是超级链接，使得点击就可以获得新界面，从而实现对内容的访问。超文本标记语言加之web等技术就构成的我们看到的各类网站。 来源： oschina 链接： https://my.oschina.net/u/2971691/blog/793955

类别 这里我就不做细的分析啦～主要在于大家的灵活运用 01 ： 方框之间的结合 方框/方框之间的结合，常用在复杂文案内容中起到相互关联的作用。 让彼此更加的紧密 02: 方形与方框之间的结合 就目前流行的设计趋势，慢慢变为常见。主要的作用是用来修饰过于单调的物体，丰富画面的美感，平衡左右关系往往在方框和方形之间会穿插图片或文字一起出现。 03: 用于标签部分 表单按钮之类的就不做举例子啦，大家都知道～ 04: 大的方框/方形 大的方框/方形主要运用于海报之中，或者网页的架构上。等较多的信息内容中。 主要作用在起到画面协调，强调，区分等等用途。 05: 残缺的方框/方形 这类元素往往结合文案一起展示，主要作用通过方框的线条将用户的视觉中心指引到作者想要表达的内容，往往也会起到或者文案修复的作用。 来源： oschina 链接： https://my.oschina.net/u/2971691/blog/791853

我们常常看见有一种banner或网页设计中，都有一些方形元素融进文字中，去修饰，从而让设计显得更为大气高端。不知道大家有没有注意到这个细节？ 那今天，就聊聊方形方框在网页设计中的运用。 作用 04 ： 色块对比 让版面更鲜活 这里的色块使用，主要出现在网站布局方面，利用方形的色块让网站变得生动创新，使网站在布局上变得有层次，更有逻辑。 例如下面的设计案例，设计师利用方块的大小来做对比。使得整个画面中间的元素组织起来变得清晰有条理，让用户在视觉上变得有层次感，使得整个版面变得简约清晰。 05 ： 信息引导 作用 在繁杂的海报或网站架构中，利用方框进行引导是非常有效而且新颖的表现方式。 下面网站，左侧是一个男模的网站，整个banner采用了红色调，为了让用户快速往下浏览，所以大胆利用红色系方框，有效引导用户视觉，从上往下浏览，同时，也不觉得画面头重脚轻，使画面更加平衡。 右边的网站同样，引导用户视觉。 06 ：让文字之间相关联 这样的处理方式，对海报的画面要求会比较高，如果海报比较乱的话，哪么文案的识别性就会降低，哪么为了解决这些问题，设计师选择了方框的元素，利用方框讲文案信息关联再一起。 如果我们在设计中充分利用上述几个表现方式，相信我们的设计一定会在众多中间脱颖而出。所以设计优秀的作品并不难，难的是你去发现优秀作品的规律。当然还有很多点值得我们去发现～ 来源： oschina 链接

应用 之前讲到了方框元素的作用，那么我们来说说方框方形元素经常运用在哪些地方。 01 ： 网页板块 方框方形元素，运用于网页中的各大板块，它可以将有效的网页元素进行组织，调理清晰等，那么我们来看看下面的一些案例是如何巧妙的运用方框已经方形元素。 下面是一个旅游类的网页，中间用了大面积的方形元素，利用这些方形的大小和改变长宽比例来错列排版。 使得整个网页信息分类明确，节奏感十足。 一些商城网站也融入了方形的元素，有效的管理和整合了各类商品信息。同时也利于网站适配不同端口设备展示 02 ：btn按钮，搜索，表单 等 下面整个网页色调明亮清新，除了渐变的背景就是内容。高饱和度的蓝色背景里有点状的世界地图作为纹理点缀，使之不显得单调。 大小错落的内容靠左对齐，下面设计师在按钮上利用了框型的元素设计了幽灵按钮，使得整个文字内容搭配更加通透。 03: 图片 越来越多的图片，为了让他们展示的更有，告别单调。也结合了方框方形的元素。现在越来越多的方框/方形元素出现在网站图片中啦，可以说开启啦一段新的潮流。那么我们来看看这些精彩的案例。 下面案例图片中设计师为了让多张图片进行统一协调起来，也加入了方框的元素。给用户传达了三块内容的体系关系。让原本简约而优雅的画面变得多姿多彩。 来源： oschina 链接： https://my.oschina.net/u/2971691/blog/791834

我们常常看见有一种banner或网页设计中，都有一些方形元素融进文字中，去修饰，从而让设计显得更为大气高端。不知道大家有没有注意到这个细节？ 那今天，就聊聊方形方框在网页设计中的运用。 作用 01 ： 分割 我们知道的一些分割元素，如线和面，其实方形/方框也具有十分好的分割效果，突出重点。 下面设计作品中，有多个文案信息，想让这些文案在同一画面中出现，又不显的杂乱无章，又有主次之分，让用户清晰地看到每个信息，那就可以利用方形/方框，利用大小的对比关系，进行分割，从而有效的避免了内容的冲突和杂乱。 这里的设计通过加方框的元素，使画面中的文字也具有一定的强调作用。 下面的设计也一样 02 : 强调 如何让用户在第一眼更直接地看到最重要的信息，需要在内容过多的设计中，强化自己，弱化其他信息，这时，方框的有效果使用就能达到这点—强化、突出！ 下面的海报中，同样利用方框，将用户视觉焦点聚焦。 03: 修饰 此外，方形/方框还有修饰作用，例如在留白多过，画面单薄的设计中，就会对此加以装饰，当然，方形/方框并不需要完整的，有时去一部分，会更有设计感，不古板！ 相同的处理方式。 下面网页设计中，原本标题在大面积的留白中间，变得单薄，导致页面的中心不稳定 所以设计师在标题上增加了方框的元素，进行辅助修饰作用，有效了丰富了标题的展示效果。 来源： oschina 链接： https://my