MENU 服务 案例
网站建设-网站设计-北京网站建设-高端网站制作公司-尚品中国
中文 EN
我们通过拥抱变化创造
360°的品牌价值__
关于
尚品介绍
尚品优势
产品标准
知名客户
企业资质
工作环境
案例
科研院所
企业集团
学校教育
营销推广
平台门户
大数据
移动端案例
服务 方案

网站建设

企业集团网站建设 平台门户网站建设 政府事业网站制作 业务系统定制开发

小程序

移动互联网

APP开发IOS/安卓 微信小程序介绍 微信小程序开发 H5交互设计制作

网络营销

搜索引擎优化推广 形象视觉基础系统 网站代运维服务 小程序运营服务

VI设计

logo设计 画册设计 海报设计 应用设计
方案
高校集群解决方案
强军网建设解决方案
政府政务解决方案
智慧展会解决方案
科研领域解决方案
智慧景区解决方案
新闻
尚品动态
网站建设
网站开发
营销推广
网站维护
ICP备案
城市新闻
简体
简体中文 English

尚品与山东真诺智能设备有限公司签署网站改版合作协议

类型：尚品动态 了解更多
首页/ 新闻/ 网站建设 /正文

如何向非设计人员准确呈现视觉效果？

来源：尚品中国| 类型：网站百科 |时间：2018-07-23
在企业网站设计的过程中，占位符是一个很重要的存在。尤其是在网页设计项目当中，需要图片素材填充特定的位置来呈现当前设计的效果，但是还没有足够的内容，这个时候，占位符的重要性就体现出来了。图片占位符所提供的素材，让页面看起来就应该是这个样子。
绝大多数的设计师，都会竭尽全力让项目中自己上下游的同事、客户和其他的非视觉相关的利益相关者，看到产品最终应有的样子，由于流程本身的问题，尚且不存在的内容，就需要图片占位符这样的工具来填补。

1.图片占位符的优势

设计通常都会清楚，英文当中的文本占位符使用的是 lorem ipsum，而中文通常称之为乱数假文。在图片素材上，也是一样的道理，需要占位符。
lorem ipsum 之所以成为文本占位符，很大程度上是因为它所呈现的文本字符的随机性，所呈现出的文本块是均匀的。
同样的，在使用图片占位符的时候，也有类似的需求。图片占位符需要有着贴合项目内容的素材，符合基调，合理的色彩搭配，让用户在查看的时候不会因为占位符本身的素质问题而感到出戏，这样才能真正感觉上原来最终的产品是这样。
那么可以简单总结一下，使用图片占位符的原因：
・它让整个设计更加可视化，让用户更容易感知；

 

・它展现出图片内容对于整个设计的影响效果；

 

・你不必到处搜集图片，也不用纠结放什么图片；因为它是占位符，团队成员和用户也可以更清楚哪些地方是放置图片的；

 

・它让整个原型设计看起来更加精致，完成度更高；

 

・它很容易实现，不需要太多代码，也不会有图片上传到项目的数据库和服务器当中，节省空间。

2. ImgPlaceholder

作为图片占位符工具，ImgPlaceholder 提供了高度可自定义的选项，但是作为占位符，它采用的并非是图片，而是图标。
每个占位符都可以包含图标、色彩和文本，其中的图标来自三个截然不同的图标数据库，可选择的范围挺大的。
这可能是目前定制性最强的非图片式的图片占位符了，设计师可以完全定制其中所包含的图标、文本、色彩和字体，使用方法也非常的简单。
主要功能：使用高度可定制的图标来作为图片的占位符，无需下载，直接用代码替换即可。
工作原理：在屏幕上直接自定义图片占位符，定制好了之后可以生成链接，也可以生成 HTML 和 Markdown 代码，直接粘贴使用。当然，也能下载图片，然后上传使用。

3. Place Kitten

Place Kitten 绝对是迎合潮流，给猫奴设计师或者猫奴甲方所定制一款图片占位符工具。设计师所需要做的就是选取图片大小，使用占位符之后，这个地方就会显示各种各样猫主子的萌照。
这些萌猫的图片同样也是随机的，不过这些萌物的照片会更容易激发观者的爱心，甚至制造话题。
主要特点：猫！
工作原理：可以从 Place Kitten 的网站上复制相应的 URL链接，调整尺寸规格之后，放置入你的设计当中。

4. Placehold

Placehold.jp 是一个非常快速非常易用的占位符图片导出工具。虽然它并没有内置漂亮的图片，但是它能够快速生成占位符，并且通过图片中的文本让每个人都能清楚的知道此处图片的尺寸大小或者其他的信息。
主要特点：选择尺寸就能生成，适当定制内容和色彩，可以说是非常便捷了。
你只需要在 Placehold.jp 这个网站中设置占位符的尺寸规格就行，选择你喜欢的文本内容，调整色彩，确保和当前设计的风格保持一致。
这款工具还内置了大量常见的尺寸，只需要快速选取就行。
工作原理：定制图片内容之后，生成链接URL，插入到设计当中即可。

结语

图片占位符这个东西到底选哪个，主要还是看你的设计项目或者原型本身的属性，选择合适的占位符能够让你的设计事半功倍，贴合需求，甚至产生意料之外的好效果。当然，最重要的是，今天的四个占位符都是免费的，随便使用吧。
来源声明：本文章系尚品中国编辑原创或采编整理，如需转载请注明来自尚品中国。以上内容部分(包含图片、文字)来源于网络，如有侵权，请及时与本站联系（010-60259772）。
上一篇：手机网站如何做好策划？ 下一篇：手机wap网站制作的主要趋势有哪几种？
TAG标签：

建站流程

  • 网站需求

  • 网站策划方案

  • 页面设计风格

  • 确认交付使用

  • 资料录入优化

  • 程序设计开发

  • 后续跟踪服务

  • 联系电话

    010-60259772

热门标签

最新文章

推荐新闻

更多行业
如果您的网站可以增加转化次数并提高客户满意度，该怎么办？
我们可以实现

预约专业咨询顾问沟通！

*尚品专业顾问将尽快与您联系
城市分站：
Copyright © 2025 恒久尚品 版权所有　|　京ICP备09066521号 |　公安机关备案号:11011502003910 免责声明 诚信企业 尚品专注高端网站建设，系统平台开发，微信小程序及APP开发服务

免责声明

非常感谢您访问我们的网站。在您使用本网站之前，请您仔细阅读本声明的所有条款。

1、本站部分内容来源自网络，涉及到的部分文章和图片版权属于原作者，本站转载仅供大家学习和交流，切勿用于任何商业活动。

2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。

3、本声明未涉及的问题参见国家有关法律法规，当本声明与国家法律法规冲突时，以国家法律法规为准。

4、如果侵害了您的合法权益，请您及时与我们,我们会在第一时间删除相关内容!

联系方式：010-60259772
电子邮件：394588593@qq.com

免责声明

非常感谢您访问我们的网站。在您使用本网站之前，请您仔细阅读本声明的所有条款。

1、本站部分内容来源自网络，涉及到的部分文章和图片版权属于原作者，本站转载仅供大家学习和交流，切勿用于任何商业活动。

2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。

3、本声明未涉及的问题参见国家有关法律法规，当本声明与国家法律法规冲突时，以国家法律法规为准。

4、如果侵害了您的合法权益，请您及时与我们,我们会在第一时间删除相关内容!

联系方式：010-60259772
电子邮件：394588593@qq.com