首页 > 教程 > 关键词  > FireWorks最新资讯  > 正文

网页设计翻译教程:图标缩小后变形的解决办法

2008-08-05 16:20 · 稿源:互联网

可能有些地方翻译得不好,请见谅

在这个冠冕堂皇的标题之下,我想回答一个土方,有人在博客提出很久了。该土方很好的描述了很多图标设计师所面临的典型问题。

这里是那个问题:

"你好,我也是做图标的,我有一个问题:如何合适地缩小一个图标?我做的大图标清晰而且漂亮,但缩小的图标就变得肮脏和讨厌了,我很想纠正这种情形"

在缩小图标的过程中,至少有两点。首先是和人们所能感知的具体特点细节有关,另外是和屏幕分辨率有关。

让我们开始第一项。

对一个大图标(或其他图像) ,我们潜意识对物体的大小进行分类,选出大型,中型和小型。对较小的图标,我们可以更粗略地划分:大(涉及图标大小)和小的物体。小的图标只有很微小的局部,如果一个设计师没有作出特别努力来帮助用户区分它们,那么所有内容都会被混合成一个密集点。

以一个抽象图形为例。在大的版本中,我们可以分辨出3大对象(圆,三角形和正方形) ,然后几个中型物体和一些小件物品。
单纯地缩小图形,我们只得到一塌糊涂的图形。

为了修正这种情形,我们需要清理图形中所有琐碎细节,只留下基本形状(大中型物体) 。

我们已经除去了细小的东西,而现在我们面临着第二个挑战:恢复图标上的大中型物体间的从属关系。事实上,当降低图标大小,我们减少了大中型物体的差异,因此我们要故意地夸大来弥合这一差距。

对大画面,我们清楚地看到要素间的关系和从属:三绿圆被蓝色条纹相连接。

那些会在缩小图形时消失,因而我们会看到的只是一个三角形。

放大圆和缩小条纹,强调元素间的差异会恢复最初的元素层次。

所以,请记住:摆脱琐碎,并强调从属地位

现在让我们谈谈电脑屏幕功能,这是一个小图标创造中困难工作的一个基本原因。像素格。

为什么清晰漂亮的图标变得混浊和乏味?这是因为像素格把图标隐藏在折痕中,失去了所有的细节,虽然你已经那么狂热得画了这些细节。所以图标缩小之后,就会像"犯罪周刊"电视节目里演得那样。

你怎么办?

你已经做了一件事:你摆脱了无论如何将陷入湮没的小细节。你已经做了另一件事:强调基本部分,因此现在这些部分获得了更多的像素空间。

第三:注意,你现在不仅仅是画一幅画,实际上是从方形像素框建立起来的。显然,你对水平和垂直线没有问题,也是方形的形状。但其他的图形就不会那么容易画了,你研究严格的几何越深,你就会发现你的困难也越艰巨。它会在正面投影中呈现出来,这正是为什么建议把图标以这种方式转换。并且你一定要调整的所有物体的边到像素格。

现在我将以一个活生生的例子证明上面所说的一切:

一个叫 Hedwig 的英俊猫头鹰同意协助我。

现在,我们有一个128 × 128大小的大的白猫头鹰,然后进行下面工作:缩小到48 × 48 ,然后到16 × 16 。什么是我们的常识忠告? " 将它变换比例到所需最小值" -细语那些喜欢复杂而巧妙的短语。那些的熟用photoshop人说 "按下ctrl+T,并按住shift键缩小" 。 ?Seize and squeeze!? -对那些喜欢简单而快速的人巧辩。

那么,让我们跟随它的建议,并看看结果。

尽管事实上48 × 48的版本似乎是可以接受的,但是还有一定的改进余地。

甜美的。

但目前16 × 16版让人觉得是猫头鹰粪而非一个猫头鹰本身,因此把它重新涂画一遍。

这是由于它使我们相当不知羞耻地看到人的眼睛里去。

Hedwig 飞,飞!飞向第七部哈利波特,我不会告诉那里什么东西等着你,到时候你就知道了。

可能有些地方翻译得不好,请见谅

在这个冠冕堂皇的标题之下,我想回答一个土方,有人在博客提出很久了。该土方很好的描述了很多图标设计师所面临的典型问题。

这里是那个问题:

"你好,我也是做图标的,我有一个问题:如何合适地缩小一个图标?我做的大图标清晰而且漂亮,但缩小的图标就变得肮脏和讨厌了,我很想纠正这种情形"

在缩小图标的过程中,至少有两点。首先是和人们所能感知的具体特点细节有关,另外是和屏幕分辨率有关。

让我们开始第一项。

对一个大图标(或其他图像) ,我们潜意识对物体的大小进行分类,选出大型,中型和小型。对较小的图标,我们可以更粗略地划分:大(涉及图标大小)和小的物体。小的图标只有很微小的局部,如果一个设计师没有作出特别努力来帮助用户区分它们,那么所有内容都会被混合成一个密集点。

以一个抽象图形为例。在大的版本中,我们可以分辨出3大对象(圆,三角形和正方形) ,然后几个中型物体和一些小件物品。
单纯地缩小图形,我们只得到一塌糊涂的图形。

为了修正这种情形,我们需要清理图形中所有琐碎细节,只留下基本形状(大中型物体) 。

我们已经除去了细小的东西,而现在我们面临着第二个挑战:恢复图标上的大中型物体间的从属关系。事实上,当降低图标大小,我们减少了大中型物体的差异,因此我们要故意地夸大来弥合这一差距。

对大画面,我们清楚地看到要素间的关系和从属:三绿圆被蓝色条纹相连接。

那些会在缩小图形时消失,因而我们会看到的只是一个三角形。

放大圆和缩小条纹,强调元素间的差异会恢复最初的元素层次。

所以,请记住:摆脱琐碎,并强调从属地位

现在让我们谈谈电脑屏幕功能,这是一个小图标创造中困难工作的一个基本原因。像素格。

为什么清晰漂亮的图标变得混浊和乏味?这是因为像素格把图标隐藏在折痕中,失去了所有的细节,虽然你已经那么狂热得画了这些细节。所以图标缩小之后,就会像"犯罪周刊"电视节目里演得那样。

你怎么办?

你已经做了一件事:你摆脱了无论如何将陷入湮没的小细节。你已经做了另一件事:强调基本部分,因此现在这些部分获得了更多的像素空间。

举报

  • 相关推荐
  • Aqara 携手西门子西碳迹SiTANJI,发布亚马逊 CPF 绿标解决方案标杆案例

    7月17日,Aqara与西门子碳足迹SiTANJI在第三届中国国际供应链促进博览会上签署碳足迹解决方案协议,标志着双方首个亚马逊CPF绿色标签项目正式启动。该项目将帮助Aqara智能家居产品获取欧盟市场准入所需的碳足迹认证,打造中国智造绿色出海新范例。方案提供一站式碳核算、减排建议及国际认证服务,助力产品高效获取亚马逊CPF绿色标签。此次合作实现了从产品低碳设计到获取国际认证的闭环,为行业探索绿色供应链与低碳出海提供了可复制的实践样本。Aqara作为绿米联创旗下品牌,其智能照明、暖通等产品通过AI技术实现节能降耗,已广泛应用于智慧建筑领域。未来双方将继续深化合作,为地产、酒店等企业客户提供具备国际碳认证的智能家居解决方案。

  • AI日报:阿里通义推Qwen-TTS模型;Cursor已支持网页和手机端;字节发布图像合成技术XVerse

    【AI日报】今日AI领域7大突破:1)阿里通义Qwen-TTS实现方言语音合成重大突破;2)Cursor发布Web版AI编程工具;3)字节XVerse技术实现多对象精准图像生成;4)NoteGen跨平台AI笔记工具革新知识管理;5)ManimML动画库可视化Transformer架构;6)TEN+Agent开源语音交互技术降低延迟;7)Chai-2抗体设计模型将药物研发周期缩短至两周。淘宝同时上线RecGPT推荐模型提升购物体验。

  • 爱奇艺“四大殿堂”:为好剧立价值新标

    如何评价一部热播剧? 行业给出的答案已非常统一:看热度值。 这是个2018年由爱奇艺最先推出的内容衡量指标。相较于传统看播放量的单一维度,“热度值”综合了播放、互动、分享等多重行为数据,构建起了更科学、全面的内容评价体系。它能更有效体现出真实用户反馈,是影视行业从看“流量”到“品质”的重要转型。在爱奇艺之后,业内各大视频平台也都迅速跟进。 �

  • 墨刀AI生成原型图,产品设计快人一步

    国内原型设计平台墨刀发布"AI生成原型图2.0"功能,30秒即可生成可编辑原型图,大幅提升产品设计效率。该功能通过AI技术解决传统原型设计周期长、效率低、修改繁琐等痛点,支持文字描述或图片上传自动生成高保真原型图,并可二次编辑优化。这一创新不仅标志着墨刀AI能力的全面升级,更代表产品设计方式的一次革新,显著加快产品迭代速度。未来,AI原型设计有望成为行业标配,助力企业更快响应市场需求,提升产品竞争力。

  • 园区网络解决方案|锐捷网络发布 RG-UNC AS 系列:让中小网络运维化繁为简

    锐捷RG-UNC AS系列产品针对中小规模网络运维痛点,提供轻量化解决方案。其核心优势包括:1)统一管理多厂商异构设备,简化运维流程;2)智能告警系统实现故障分钟级定位,运维效率提升70%;3)终端准入可视化,支持IPv4/v6地址动态规划;4)国产化适配,支持多种部署模式。典型案例显示,该方案能整合分散网管系统,将IP地址利用率提升50%,使运维模式从"被动救火"转向"主动管控"。产品采用"基础守护+进阶拓展"架构,可伴随业务发展平滑升级,助力企业数字化转型。

  • 国内详细MCP教程网站有哪些?MCP服务资源平台去哪找?

    在当今快速发展的AI技术浪潮中,Model Context Protocol(MCP,模型上下文协议)作为一种新兴的开放标准协议,正逐渐成为AI领域的重要组成部分。 今天,我们有幸介绍一个专注于MCP服务器和相关服务的集合平台——AIbase。 AIbase平台为全球的AI开发者和爱好者提供了一个全面的MCP服务器资源库。据最新统计,该平台已经收录了超过 121231个 MCP服务器,涵盖了从热门推荐到最近更新�

  • 违停者屡次开门杀车主自费装护栏:没有办法的办法

    浙江车主周先生因私家车位旁通道常被违停车辆占用,导致车门多次被撞受损。为解决这一问题,他自费在车位上安装护栏。此前周先生曾尝试联系物业、交警处理,但效果不佳,违停车主态度强硬甚至否认撞车事实。法律界人士指出,若护栏完全在私人产权范围内属正当防护,但若侵占公共区域则可能违法。物业有权拆除违规安装的护栏。这反映了当前小区停车管理难题,也凸显了部分车主缺乏公共意识的问题。

  • 维谛Vertiv收购定制化机柜解决方案制造商

    维谛技术(Vertiv)宣布以2亿美元收购美国定制化机柜制造商Great Lakes,以强化其在高密度一体化基础设施解决方案领域的领导地位。此次收购将整合Great Lakes在高端定制化机柜领域的技术优势,帮助维谛为AI数据中心、边缘计算等场景提供更优化的预制化机柜解决方案。交易预计2025年第三季度完成,收购价约为Great Lakes 2026年预期EBITDA的11.5倍。通过整合,维谛将提升端到端基础设施服务能力,应对未来AI技术发展带来的复杂挑战。

  • 时空壶 X1 实现演讲翻译突破 技术升级助力跨国沟通

    时空壶X1同声传译器是全球首款独立AI翻译终端,搭载自研Babel OS系统,实现3-5秒超低延迟翻译,支持40种语言和93种口音识别。最新升级后,单个设备可为50名观众提供高质量同传服务,观众扫码即可选择母语收听。该设备突破性地解决了大型会议多语言沟通难题,已成功应用于跨国商务、学术研讨等场景,翻译准确率稳定在95%以上。同时兼容腾讯会议、Zoom等主流软件,实现线上线下无缝衔接,大幅提升国际协作效率。

  • 天地一体化创新突破!中科曙光与中科星图共建太空算网

    中科曙光与中科星图在"2025空天信息大会"达成合作,聚焦太空计算领域,计划创新"天地一体化"服务模式。双方将联合研发高性能、低功耗的专用核心部件,推动"芯片-整机-算网-数据-应用-生态"全链路技术创新,共建开放普惠的太空算网,构建"用户端-星上边缘-天基云-地基云"协同智能计算架构,实现算力互联调度与数据实时处理,并接入国家级算力服务平台,助力航天产业生态繁荣。此次合作响应国家培育商业航天等新兴产业需求,是落实科技自立自强的实践探索。