当前位置：网站首页 » 导读 » 内容详情

制作线框图网站在线播放_在线制作logo免费生成(2024年11月免费观看)

内容来源：北京东为网络所属栏目：导读更新日期：2024-11-27

制作线框图网站

UI设计全流程：从需求到视觉设计 1. 𐟎œ€求分析目标设定：明确项目的目标和目的，了解业务需求。用户研究：通过调研、访谈、问卷等方式收集目标用户的信息，创建用户画像。竞品分析：研究市场上类似产品，了解其优势和不足，寻找灵感和创新点。 𐟓Š 制定设计策略设计目标：基于需求分析，确定设计的具体目标。设计原则：制定一套设计原则，如简洁性、可用性、可访问性等。技术选型：选择适合的设计工具和开发框架。 𐟓š 信息架构设计功能规划：列出所有功能模块，确定优先级。流程图：绘制用户使用产品的流程图，明确用户操作路径。信息架构图：创建信息架构图，定义页面的层级和导航结构。 𐟎蠥ˆ步设计草图：手绘或使用设计工具快速绘制初步设计草图。线框图：制作详细的线框图，定义页面的基本布局和元素位置。低保真原型：使用工具（如Sketch、Figma、Adobe XD）创建低保真原型，模拟用户交互。 𐟖𜯸 视觉设计色彩方案：选择符合品牌形象和用户偏好的色彩方案。字体和排版：选择合适的字体和排版风格，确保易读性和一致性。图标和图形：设计或选择合适的图标和图形，增强界面的视觉效果。高保真原型：将线框图转化为高保真原型，添加颜色、图标、文字等内容，使其接近最终产品。

𐟚€UI设计必备指南：提升你的设计能力 𐟌Ÿ想要提升自己的设计能力？UI设计绝对是你的不二之选！这个领域在互联网公司中非常热门，而且不受年龄和经验的限制，越有经验越受欢迎。在一二线城市，实习期的工资就能达到9K以上，转正后更是轻松过万。 𐟔什么是UI设计？ UI设计，即用户界面设计，涵盖了软件的人机交互、操作逻辑和界面美观度。好的UI设计不仅能让软件看起来有个性、有品味，还能让操作变得舒适、简单，充分体现软件的定位和特点。 𐟓š如何提升你的UI设计能力？提升UI设计技巧：可以关注Doyoudo、UIED、UI中国、东耐UI设计等平台。提升字体设计：推荐字体帮、字体传奇、找字网。提升审美能力：Pinterest、花瓣网、Behance都是不错的选择。设计排版：即时设计、Typewolf、Freepik、SiteInspire可以帮你提升排版能力。 𐟓–专业理论支撑的大厂现成教材推荐：百度 MEUX TripDesign 阿里云设计中心 AlibabaDesign 京东设计中心JDC douyin设计中心今日头条UED CDX创意设计中心 𐟒𜕉设计师的工作职责：确保应用程序或网站在视觉上具有吸引力并易于用户浏览。组织页面布局、选择调色板和调整字体。设计互动元素（如滚动器、按钮、切换器、下拉菜单和文本字段）。制作线框图，并与开发人员合作，将设计转化为实际产品。 𐟔啉设计是一个充满挑战和机遇的领域，不断提升自己的设计能力和审美水平，你将能够创造出令人眼前一亮的产品。

如何制作数字媒体技术作品集？𐟎花⃣️ 确定主题和目标𐟎斥…ˆ，你需要明确你想要传达的信息、故事情节或设计理念。制定一个详细的计划和时间表，包括各个阶段的任务和时间分配，这将有助于你有效地组织工作流程。 2⃣️ 灵感收集和调研𐟔 收集灵感并进行必要的调研。浏览图像、视频和文本等相关参考资料，以便获得创作灵感和更好的理解。充分进行用户研究，了解目标受众的需求和偏好。推荐一些网站供你参考。制作视觉灵感板。 3⃣️ 写作和脚本𐟓 如果你的数字媒体作品需要文字内容，就开始撰写脚本或故事板。确定你要表达的主要内容和情节，并组织镜头语言。 4⃣️ 概念设计𐟎芥Œ…括角色设计、场景图、颜色和布局等，确保作品的视觉效果和统一性。 5⃣️ 草图和建模𐟖Œ️ 根据设计和概念，制作初步的草图。这可以是手绘图、线框图、故事板或简单的数字原型，用于验证设计思路和交流想法。后续根据需要进行渲染和建模。 6⃣️ 制作成片/UI设计𐟎劦 𙦍𞨮ᥒŒ原型，开始制作数字媒体作品的实际内容。这可能包括图像处理、视频编辑、动画制作、声音设计和编码等。在该阶段，对模型小样进一步加工、润色，即可生成原型，但制作原型之前一定要确认小样的可行性，否则重新返工将极大耽误作品集创作进程。 7⃣️ 项目实现𐟚€ 数字媒体专业项目的实际呈现难度很高，多数情况下可以通过效果图等形式将作品的预期效果进行展示。 8⃣️ 最终排版𐟓„ 排版成册时，一定要注意留白，可以考虑三角形构图或黄金分割构图，图片文字比例分配得当。 𐟑‰ 数字媒体学科包含美术、音乐、舞蹈、戏剧、雕塑、建筑等艺术基本要素，还包含了出版、影视、网络等大众传播媒介，又用到了计算机和信息等工程技术，这些元素的合理搭配组合构成了数字媒体的学科体系。 ✅ 数字媒体专业院校推荐𐟏늰Ÿ‡𚰟‡𘠧𞎥›𝯼š卡内基梅隆大学、耶鲁大学、帕森斯设计学院、罗德岛设计学院、南加州大学、纽约大学等。 𐟇찟‡砨‹𑥛𝯼š皇家艺术学院、爱丁堡大学、伦敦艺术大学伦敦传媒学院、伦敦大学金史密斯学院、拉夫堡大学、谢菲尔德大学等。 𐟇‡𙠦„大利：米兰理工大学、米兰布雷拉美院、那不勒斯美院、罗马美院等。 𐟇氟‡𚠦𞳦𔲯𜚧š‡家墨尔本理工大学、澳大利亚国立大学、莫纳什大学等。 𐟇ﰟ‡𕠦—妜쯼š北海道大学、筑波大学、东京艺术大学等。

谷歌UX证书第三课：从线框到低保真原型在开始设计之前，有几个关键步骤需要明确：明确要解决的问题了解目标用户群体研究竞争对手的做法设定整体产品需求线框图是什么？𐟓 线框图是低保真设计阶段的代表，主要展示内容的主要组成和信息的结构。你可以想象它像城市地图，每条街道都显示出来，但已经大大简化。线框图提供了基本的可视化界面交互，让用户能够感受到界面的基本布局和交互方式。原型图是什么？𐟎芥ŽŸ型图通常与线框图混淆，但实际上它是产品中高保真度的展示。原型模拟了用户与界面的交互，体验内容以及与界面的交互。它以类似于最终产品的方式测试主要交互，是用户与界面最终交互的模拟。虽然原型可能不完全像最终产品，但应该非常相似，绝对不是灰色、草图类的。样机模型是什么？𐟓𑊦 𗦜𚦨ᥞ‹是高保真、静态的设计代表，通常是视觉设计草图或实际模型。它代表信息的结构，可视化内容，并以静态方式演示基本功能。样机模型鼓励人们从实际视角审查项目的视觉效果。学习UX设计的网站推荐𐟌 NNGroup：包含设计过程、导航、心理学和用户体验研究方法、学习指南、用户测试和可用性等内容。 UX Collective：这个网站有很多国内公主号发布的文章，有编辑精选，花点时间看看这类型的文章，为自己的思维库增添点养料。 XD ideas：关于UX设计的设计过程、信息架构、原型制作、界面设计、用户研究和用户测试等内容的网站。 Interaction Design Foundation：交互设计师的培养社区，提供用户体验、产品设计和人机交互方面的教育资源和交流社区。设计中的格式塔原则𐟎芥œ觔𛥸ƒ设计中会考虑格式塔原则，人们感知物体时习惯于以规则、有序、对称和简单的方式组织不同的元素。相似性、接近性、封闭性、连续性和简单性等原则都会影响设计的感知效果。主题与背景、共同命运也是设计中需要考虑的因素。

三年前的快餐品牌推文设计，现在还能看吗？大家好，今天想和大家分享一下三年前我为某个快餐品牌设计的一系列推文。当时的项目需求是制作新品推文，整篇图文设计包括文案的初稿。由于当时我的权重不高，所以有很大的自由度。感谢当时和我对接的朋友，这个项目让我感到非常开心。整个项目持续了大半年，大约设计了六篇推文。下面分享一下我的设计思路和过程：了解品牌风格：首先，我需要了解品牌的整体风格，确定一个大方向。制作主页框架：在了解每次的新产品后，我会先制作一个主页的框架设计（线框图）。这样不仅能确定整体风格，还能确保页面的逻辑排版（包括文案）顺畅。设计主图：和对方确认后，就可以开始设计主图了。设计时需要考虑元素是否能复用。公主号设计更偏向UI设计，元素的统一性非常重要。包括按钮、字体、产品的装饰等，都要与整体保持一致。添加动画特效：有些主图会添加一些动画特效，增加视觉效果。当时我抱着做一个优秀作品的心态来对待这个项目，非常认真。现在回头看看三年前的设计，虽然有些细节已经过时，但整体的感觉和设计思路还是很有价值的。如果大家有兴趣，可以去翻翻看那些早期的公主号设计𐟘‚。希望这些分享能给大家带来一些灵感！

长沙教育信息化：定制学校网站建设的必要性随着互联网的快速发展，人们获取信息的方式发生了巨大变化。作为培养未来人才的摇篮，学校必须紧跟时代的步伐。一个优秀的官方网站不仅能展示学校的综合实力和文化内涵，还能方便社会各界了解最新的招生政策、师资力量和科研成果，促进家校之间的互动，增强学生的归属感和自豪感。然而，在实际操作过程中，许多学校面临缺乏专业技术支持、预算有限和维护难度大等问题，难以独立完成高质量的网站建设。专业网站开发公司的优势 𐟓š 定制化设计：深入了解客户需求，根据不同类型的学校特点，量身定做独一无二的页面风格和功能模块，避免模板化的平庸之作。全方位功能覆盖：除了基础的新闻动态、通知公告、师资队伍介绍之外，还可拓展在线报名系统、成绩查询平台、论坛博客空间等功能，满足多元化使用场景的需求。 SEO友好架构：遵循搜索引擎优化原则，采用语义化标签、内链优化、图片压缩等技术手段，提高网站收录排名，吸引更多潜在访客。安全稳定运维：配备先进的服务器硬件设施和网络安全防护措施，定期进行数据备份与系统升级，确保网站全年无故障运行。贴心售后支持：提供长期的免费培训和技术指导，协助校方人员熟练掌握后台操作技巧，随时解决突发故障，免除后顾之忧。网站建设的步骤指南 𐟓 需求调研与规划：通过面对面访谈、问卷调查等方式收集校方的意见建议，确定项目目标、预算限制、上线时间表等基本要素，形成详细的策划报告。域名注册与备案准备：选定合适的顶级域名（如.edu.cn/.org.cn），提交相关材料至工信部ICP备案管理中心，获得合法经营资格。 UI/UX原型设计：依据前期讨论确定的设计思路，绘制草图草案、制作线框图、搭建交互原型，反复打磨直至满意为止。前端编码与后端开发：选用流行的HTML5/CSS3/JavaScript技术栈，编写清晰规范的代码结构；同时搭建PHP/Mysql/Java等后端语言环境，实现数据存储与逻辑处理功能。内容填充与调试优化：整理好文字资料、图像素材、视频链接等多媒体元素，导入相应板块，调整字体大小、颜色搭配、间距比例，使之达到最佳浏览效果；并进行兼容性测试、速度测试、压力测试，确保所有浏览器和终端设备均能正常加载显示。通过这些步骤，学校可以建设一个既符合自身需求又具有专业水平的网站，更好地展示学校形象和实力，提升学校的知名度和影响力。

线框图：数字产品设计的秘密武器 𐟓 线框图，听起来有点神秘吧？其实，它是数字产品开发初期的一种设计工具，主要用于描绘和传达产品或网站的结构框架。简单来说，它就像是一个草图，帮助我们理解基本布局和元素之间的交互关系。虽然它不关注详细的美学设计，但在用户界面和用户体验设计中，线框图可是个大帮手。线框图的优点 𐟌Ÿ 结构清晰：线框图能明确展示产品的结构布局，让人一目了然。成本效益：早期的设计改动成本低，线框图有助于快速调整。沟通高效：它能帮助各个利益相关者更好地沟通，减少误解。聚焦功能：线框图专注于产品的功能和用户体验，确保设计方向正确。快速迭代：允许快速迭代和反馈，及时调整设计方向。线框图的缺点 ⚠️ 缺乏视觉细节：线框图通常不关注美学设计，缺乏视觉吸引力。可能过于简化：有时候会忽略一些重要的设计细节。可能导致误解：如果管理不当，可能会让客户误解设计意图。时间消耗：如果管理不当，可能会耗费大量时间。难以传达交互：线框图难以展示交互效果和用户流程。总结 𐟓 线框图是一种非常实用的工具，尤其在数字产品开发的早期阶段。虽然它有一些局限性，但只要合理使用，就能大大提高设计效率和沟通效果。记住，线框图是为了帮助我们更好地理解产品结构和布局，而不是最终的设计效果哦！

100平老破中，15万硬装秘籍！这是我第三次装修房子，前两次都是30平的老破小，这次终于挑战了一把100平的老破中。目标很明确：省钱！最终效果还不错，师傅报价的时候我都惊呆了。房子背景介绍原来的户型是小三房，带一个卫生间，全明设计。大次卧有个房间南北都有窗户，拆成了两个小房间。卫生间也拆成了两个，实用极了。风格：极简，黑白灰原木色省钱妙招1：自己设计预算有限的话，可以自己设计，省下万元设计费。前期看大量案例，找到自己喜欢的风格，把图下载下来，和施工方沟通。用酷乐家设计房子也很方便，还可以做线框图和渲染图。省钱妙招2：选择公司和包工头我选择了和包工头全包合作，这个包工头是我父亲的朋友，之前装修的房子都是他帮我搞定的，所以报价很实在。当然，选择公司和包工头都要谨慎，前期报价要聊得非常细致，落笔定下来再签合同。全包还是半包，看个人时间，时间充裕的话可以考虑半包，线上购物也很方便。省钱妙招3：全程陪同，经常查看进度装修难免会踩坑，沟通上难免有问题。厂家做错，施工方做错，经常查看进度，发现问题及时改掉，不然后期影响范围更大，花钱更多。省钱妙招4：全屋吊顶、中央空调和灯具选择我家没有全屋吊顶，也没有选择中央空调和无主灯设计。层高只有3米，想着还是层高高点好。独立空调主要是怕后续中央空调维修麻烦，而且成本也高。现在挂壁空调越来越美观，管线也可以隐藏，提前做好功课哦~ 灯具选择见仁见智，我个人比较喜欢主灯，主要是不用费脑子设计灯光，一个房间一个主灯，安装也方便。省钱妙招5：木工打柜子木工打柜子真的很省钱，效果也不差！木工现场打柜子既节约时间，也节约成本。如果有什么问题，可以现场直接和师傅沟通，很快就能改掉。门板都是工厂定制，外观和全屋定制一样。提前做好规划，画好图纸，师傅会根据现场和你的图纸进行制作。想想我们15万还包括所有的柜子和柜门，这里真的是省下一大块！总的来说，装修省钱有道，关键在于提前规划，合理选择，全程跟进。希望大家都能装出既美观又实惠的家！

交互设计留学，作品集咋做？你是不是也在为申请国外的交互设计专业而头疼，不知道如何制作一个让招生老师眼前一亮的作品集？别担心，今天我就来给你支支招，带你了解如何打造一个优秀的交互设计作品集！明确目标和学校 𐟎斥…ˆ，你得先搞清楚你要申请的学校和专业，了解他们对作品集的具体要求和偏好。不同学校和专业可能会更看重不同的方面，比如有些学校更看重你的研究能力，而有些则更看重你的创意和视觉表现。所以，根据这些要求来调整你的作品集，让它更符合他们的期待。选择合适的项目 𐟓‚ 接下来，挑选那些能展示你设计思维、方法和能力的项目。一般来说，一个好的项目应该包含以下几个部分：项目背景 𐟓– 介绍项目的来源、目标、挑战和团队情况，让招生老师了解项目的背景和意义。前期调研 𐟔 展示你如何进行用户研究、竞品分析、需求分析等前期工作，总结出用户需求和问题点。概念设计 𐟎芤𛋧𛍤𝠥悤𝕦 𙦍期调研得出设计概念、方向和原则，展示你使用的方法、工具和成果，比如用户旅程图、信息架构、任务流程、草图等。交互设计 𐟖𑯸 根据概念设计进行界面布局、元素设计、动效设计等交互工作，展示你使用的方法、工具和成果，比如线框图、原型图等。可用性测试 𐟧ꊤ𛋧𛍤𝠥悤𝕥﹤𚤤𚒨🛨ጦ𕋨’Œ评估，总结出测试结果和改进点。最终方案 𐟌Ÿ 展示最终的交互设计成果，如高保真原型、视频演示等。反思总结 𐟒ኤ𛋧𛍤𝠥œ詡𙧛�楈𐤺†什么、遇到了什么困难、有什么收获和不足，展示你对自己设计的反思和评价。其他注意事项 𐟓 最后，别忘了展示你的设计过程和你的设计思维。让招生老师看到你的设计是如何从零开始的，以及你的设计是如何解决问题的。希望这些建议能帮到你，祝你申请顺利！如果你还有其他问题或想法，欢迎在评论区留言和我交流。也欢迎关注我的账号，我会分享更多关于交互设计留学申请的内容。谢谢你的阅读！

UI设计师必备8款高效工具推荐作为一名UI设计师，掌握多种设计工具可以大大提高工作效率。以下是我常用的几款UI设计工具，希望能帮到你。 Sketch 𐟎芓ketch是一款老牌的UI设计软件，专为Mac用户设计。它支持矢量绘图，适用于网页、图标和界面设计。虽然不支持图片处理，但基本的位图工具如模糊和颜色矫正还是有的。 Figma 𐟖寸 Figma最初实现了在线设计，基于Web的模式，极大地方便了团队协作。它无需下载安装，支持在线编辑、管理和同步协作，非常适合需要远程合作的团队。 Mastergo 𐟓𑊍astergo是一款国产的在线UI设计工具，功能强大。它支持自动布局、素材填充等功能，可以进行原型图、流程图和交互式模型设计，还能在线演示交互效果。 Axure RP 𐟛 ️ Axure RP是一款专业的快速原型设计工具，适用于应用软件和Web设计的流程图、线框图、原型和说明文档的创建。 Principle 𐟎슐rinciple是一个为Web、移动和桌面设计动画和交互式界面的工具。它结合了各类动效软件的优点，能够快速创建可视化的交互原型和动态效果。 Adobe Photoshop 𐟖𜯸 Photoshop主要用于处理以像素构成的数字图像，使用其众多的编修和绘图工具，可以有效进行图片编辑和设计创作。适合进行位图创作海报等。 Adobe Illustrator 𐟖‹️ Illustrator是一种应用于出版、多媒体和在线图像的工业标准的矢量插图工具，图像处理和互联网页面制作精准度高，适合创作没有锯齿的图像。 Adobe AfterEffects 𐟎劁fterEffects是Adobe公司推出的一款视频处理软件，适用于设计和视频特技的机构。它能做出你想要的任何好看的动画交互效果，让开发去实现。掌握这些工具，你可以更高效地进行UI设计工作。希望这些推荐对你有所帮助！

专栏内容推荐

1400 x 846 · png
网站线框图软件，让你快速制作网站线框图！
素材来自:edrawsoft.cn
1820 x 1214 · jpeg
响应式网站设计线框图套件for Sketch Responsive Website Wireframe Kit – 设计小咖
素材来自:iamxk.com

1600 x 1036 · jpeg
简约网站线框图 Web Sitemap Microframes Kit [PSD&Sketch] – 设计小咖
素材来自:iamxk.com
3000 x 4621 · png
XAVIER PROTOTYPE DESIGN 交互线框图|UI|交互/UE|金鱼成 - 原创作品 - 站酷 (ZCOOL)
素材来自:zcool.com.cn

1880 x 937 · png
网站线框图软件，让你快速制作网站线框图！
素材来自:edrawsoft.cn

910 x 607 · jpeg
网站设计线框图设计套件 Website Wireframe Kit – 设计小咖
素材来自:iamxk.com
1280 x 5851 · png
范德安电商网页设计——交互线框图|网页|电商|马儿流 - 原创作品 - 站酷 (ZCOOL)
素材来自:zcool.com.cn

1280 x 2660 · png
电商网页线框布局|网页|企业官网|Jerry_tan - 原创作品 - 站酷 (ZCOOL)
素材来自:zcool.com.cn
777 x 679 · png
网站线框图软件，让你快速制作网站线框图！
素材来自:edrawsoft.cn

1280 x 4683 · png
网页线框图|网页|其他网页|RunnerLL - 临摹作品 - 站酷 (ZCOOL)
素材来自:zcool.com.cn
1350 x 1020 · jpeg
完美的现代多功能网页线框图模板[Sketch] - 云瑞设计
素材来自:yrucd.com

3000 x 1688 · jpeg
教育类网站web线框图设计|网页|企业官网|ladyzoe - 原创作品 - 站酷 (ZCOOL)
素材来自:zcool.com.cn

1080 x 736 · jpeg
超全！设计师必备工具：线框图指南 - 知乎
素材来自:zhuanlan.zhihu.com
1170 x 1000 · jpeg
300+APP&Web区块UI线框图设计模板 Desktop & Mobile Wireframe Web UI Kit – 设计小咖
素材来自:iamxk.com

3000 x 1688 · jpeg
教育类网站web线框图设计|网页|企业官网|ladyzoe - 原创作品 - 站酷 (ZCOOL)
素材来自:zcool.com.cn

1516 x 878 · png
整理了7个网站线框图软件给你！-即时设计
素材来自:js.design
1920 x 4746 · jpeg
网页UI设计基础之线框图设计（栅格建立、基础布局、分屏、文字排版）-小程序制作开发-网站建设公司-分销商城小程序-网站制作公司-名联网络科技
素材来自:minglian8.com

888 x 615 · png
AI怎么制作线框图？AI线框图教程-羽兔网
素材来自:yutu.cn
1280 x 905 · jpeg
网站设计结构图原型图线框图|网页|其他网页|fionayanan - 原创作品 - 站酷 (ZCOOL)
素材来自:zcool.com.cn

1170 x 780 · jpeg
金融财务业务公司网站线框图设计 Finance Company Wireframe Website – 设计小咖
素材来自:iamxk.com
910 x 607 · jpeg
简约Web网站设计线框图套装 for Sketch Square Wireframe Kit – 设计小咖
素材来自:iamxk.com

658 x 931 · jpeg
【网页】原型线框图
素材来自:huaban.com
1000 x 600 · jpeg
线框图在网页设计中的重要性 - 知乎
素材来自:zhuanlan.zhihu.com

1000 x 2177 · jpeg
网页线框图|网页|企业官网|TiAmo0823_原创作品-站酷ZCOOL
素材来自:zcool.com.cn
1893 x 924 · png
如何制作axure线框图？一个简单教程快速搞定！-即时设计
素材来自:js.design

1600 x 3618 · png
网页线框图|网页|企业官网|JZPwave - 原创作品 - 站酷 (ZCOOL)
素材来自:zcool.com.cn
236 x 453 · png
线框图-花瓣网|陪你做生活的设计师 | 网站首页线框图
素材来自:huaban.com
1919 x 1440 · jpeg
网站线框图_朱门酒肉-站酷ZCOOL
素材来自:zcool.com.cn

1280 x 852 · png
app线框图制作_兴木-站酷ZCOOL
素材来自:zcool.com.cn
1512 x 928 · png
如何制作axure线框图？一个简单教程快速搞定！-即时设计
素材来自:js.design

910 x 607 · jpeg
简约Web网站设计线框图套装 for Sketch Square Wireframe Kit – 设计小咖
素材来自:iamxk.com
1200 x 800 · jpeg
网站原型设计线框图设计套件 Rootline Wireframe UI Kit – 设计小咖
素材来自:iamxk.com

500 x 302 · jpeg
怎么做网站线框图 _ 学做网站论坛
素材来自:xuewangzhan.net
960 x 576 · jpeg
顶级UX设计师的线框图设计 - 知乎
素材来自:zhuanlan.zhihu.com

1280 x 2264 · png
APP线框图原型图界面设计|UI|交互/UE|reeD_kniP - 原创作品 - 站酷 (ZCOOL)
素材来自:zcool.com.cn

素材来自:查看更多內容

当前用户设备UA：Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)