Questions tagged «website-design»

有关设计网站美学外观的问题，包括实际的和理论的。有关对网站结构进行编码的问题，请转到Stack Overflow。有关用户体验的问题，请转到UX.SE。在GD.SE上询问有关设计图形和视觉布局的任何信息。

4
我是否应该使用公司的徽标颜色作为网站颜色，即使它不好？
我正在为自己所在的公司建立一个网站，但是市场部却没有给我太多的色彩空间。他们说我们需要在#2DCCD3各处使用徽标，因为它位于徽标中，但是我发现它饱和且有限，网站看起来就像所有其他使用蓝色的网站一样。 而且公司还没有实施品牌战略，它无处不在，我的想法是在定义网站之后进行构建。 我的问题是，对吗？我是否应该使用该颜色进行品牌识别，从而损害令人难忘的网站？ 我为网站建议的调色板是： 梯度：#ff2645以#d05822 徘徊在： #ff2645 文本和实体元素在： #fff 图标基于： #0F8186 ps。并非所有页面都有渐变。
7
学习Photoshop仅用于网页设计
我想成为一名网页设计师，所以我正在看很多Photoshop视频教程，但是其中一些教程对网页设计没有用。例如，一些电影是关于皮肤，牙齿，绘制花朵或改变墙壁图案或类似内容的。因为我没有用于Web设计的任何特定资源，所以这些教程对我来说是一种浪费时间！ 您知道任何教程资源可以帮助我在Photoshop中学习网页设计吗？ 我应该怎么做才能在Photoshop中专注于网页设计？ 网页设计需要Photoshop的哪些部分，而哪些不是？
7
在响应式网页设计中处理所需换行符的最佳实践是什么？
我设计了大量用于销售或电子邮件的简单单页Web项目。我经常发现我遇到标题问题，并且在不同的介质宽度下需要换行。 例如，我可能有一个标题，例如： 自切成薄片以来，我们的新东西就是最好的东西！ 在绝对不注意换行的情况下，换行是这样的： 自切成薄片以来，我们的新东西就是最好的东西！ 以完整的网页尺寸，我想在“ the”之后换行。创建两行。 自切成薄片以来，我们的新东西就是最好的东西！ 对于中等宽度的屏幕，我会断裂两次： 自切成薄片以来，我们的新东西就是最好的东西！ 对于更窄的屏幕，我会在“ new”之后，“ thingamabob”之后和“ thing”之后进行切换。创建四行。 我们的新thingamabob 是最好的事情，因为切片面包！ 我真的不想使用中断标签（<br>），因为这样很难设置所有尺寸的中断。到目前为止，我已经对各种h1- h5标签使用了媒体查询和宽度百分比，以便标签的宽度强制中断。但这对我来说似乎是“ hacky”（有时根据实际文本也很气质）。 控制换行而不将其硬编码到html中的最佳方法是什么？
2
如何使颜色在不同背景上看起来相同？
颜色感知的背景： 由于人眼的本质和大脑的视觉处理，存在一种视觉上的幻觉，即相同的颜色根据背景而看起来会有所不同。 这就是所谓的对比效果，如下图所示-中心矩形是相同的： 资料来源：Wikimedia NASA的插图（和报告）使背景颜色的影响更加明显： 资料来源：NASA颜色使用研究实验室 （请注意，第二张图像中最上面的两种颜色看起来是一样的，但实际上是完全不同的。） 网页设计呢？ 我的问题与网页设计有关，特别是在这种情况下，链接文字在不同背景上的颜色。 对于给定的文本颜色，如何找到互补色以使其在特定背景上看起来相同？ 让我们看一个有关此问题的示例： 考虑下面的示例，#FFF000在以下背景上带有黄色文本： 白色#FFFFFF， 黑色#000000， 和灰色#555555。 不出所料，看起来根本不一样。（在此处查看和下载.PSD文件。） 我们如何才能使这三个外观都相同？显然，白色背景上的文本需要为较深的黄色，而灰色背景上的文本需要进行色相/色调调整。（周围的文字也会影响它-但这可能很难解释。） 可以基于十六进制，RGB或其他系统以某种方式计算出这种完美的颜色吗？这就是问题的症结所在，因为它比手动逼近要有效得多。
5
如何将网站上的SVG保存到我的计算机上？
我需要使用此网站上的徽标（在左上角）： 这是我从页面复制的代码： <svg viewBox="0 0 215 50" height="50" width="215" xmlns="http://www.w3.org/2000/svg"><path d="M128.783 40.08v7.74h2.078v-5.66h18.843v5.66h2.08v-7.74h-3.322V5.82h-14.017c0 14.588-.467 23.26-2.596 34.263h-3.064zm-43.58 2.08h4.154V5.82h-4.153v3.116l-9.138 24.352V5.818h-4.153V42.16h4.153v-3.114l9.138-24.35v27.465zm-22.842 0h4.36l-6.904-21.08 4.83-15.262h-2.13l-4.88 15.263H52.08V5.82h-4.155V42.16h4.156v-19h4.048l6.233 19zm71.562-2.08c1.764-10.433 2.492-18.842 2.598-32.186h7.783V40.08h-10.38zm74.6 2.08h4.31L204.894 5.82h-4.31l.88 4.206-6.852 32.137h2.13l2.59-12.097h6.548l2.643 12.098zm-169.574 0h4.31L35....8zm147.355 0h4.158V5.82h-13.968v2.076c-.05 8.05-.414 18.12-1.143 23.204-.466 3.066-1.61 5.508-3.532 5.508v5.555c3.588 0 4.623-4.83 5.246-9.24.936-6.752 1.4-16.976 1.506-25.025h7.732V42.16zM159.88 7.896h9.347V5.818H155.73V42.16h13.497v-2.08h-9.348V20.564h7.265v-2.076h-7.266V7.895zm-59.1 0h9.34V5.818H96.626V42.16h13.496v-2.08h-9.34V20.564h7.266v-2.076h-7.265V7.895zm-96.2 0h8.306v34.267h4.152V7.895h8.306V5.818H4.58v2.077zm28.396 6.023l2.858 14.067h-5.66l2.802-14.067zm169.58 0l2.853 14.067h-5.66l2.807-14.067z"></svg> 我不是很熟练，但是已经尝试将其粘贴到文本文件中并进一步保存为“ .svg”，但都是徒劳的。 …
11
我（网页设计师）应该坚持使用gimp，还是购买Photoshop？
我是一名网页设计师。 我不使用/拥有任何Adobe产品...当然除了在线观看Flash视频。 我目前使用gimp 2.6满足我的图形需求。它是免费的，我知道如何使用。事实是，看来Photoshop的资源是gimp的10倍。 尽管我对gimp有很好的了解，但是我的图形设计天赋并不是那么出色。 您认为我应该购买Adobe Photoshop吗？那其他产品呢？您是否推荐任何书籍，博客网站等来帮助我掌握更好的图形/网页设计技能？ 请从经验谈起，并预先感谢！
3
在不链接到不断变化的实时网站的情况下，如何展示过去的Web开发工作的有效示例？
每当我设计一个网站时，我认为不仅显示屏幕截图而且还具有编码功能非常有用。 不幸的是，大多数时候，客户最终自己编辑网站，如果他们不付钱给我维护费用，该网站将失去吸引力，这并不会让我太喜欢在我的投资组合中插入URL。 是否有任何最佳实践来展示Web设计/ UI（实际上是可行的，而不是简单的屏幕截图）？ 您是否保留脱机副本以显示客户？ 您如何将其链接到现有网站（Behance或其他网站）？
6
最高质量的网站截图？
我创建了一个网站，想要添加到我的投资组合中，但是我很难获得整个网站的高质量屏幕截图。我试图将网站另存为PDF，但是其中充满了错误，其他在线服务无法重新创建图像，等等。我还试图将Mac上的常规屏幕截图放到一起，但是当我按比例缩小时，它确实失去了很多质量。 有什么好主意吗？:)
4
SVG图像看起来比高分辨率的png，jpg或gif更好地按比例缩小吗？
我知道，如果您想按比例放大图像，那么SVG是一个明智的选择。 但是，我的情况是我有一些图标，希望用户能够通过CMS上传。SVG的创建有点棘手，因此jpg，gif或png似乎是管理员的理想格式。 如果上传的图片大小等于或大于显示尺寸，并保持正确的比例，那么减小尺寸时jpg，gif或png的质量是否可以和SVG一样高？ 我的假设是，浏览器也需要对低于特定大小的svg进行消除别名处理，因此，尽管gif 看上去确实更加模糊，但它们的模糊程度可能与其他任何格式一样。
9
如果我延迟交付徽标和网站设计，是否应该要求他们付款？
我已经为公司设计了徽标和网站。 因为我花了比平常多的时间（3周），所以他们正在谈论雇用其他人。 我提供了设计（10个徽标设计，至少有50种变化）和一个网站设计。如果他们雇用其他人，我的所有精力都将浪费掉。 我还应该要求我付款吗？ 我认为我应该，但不是说的全部，就像它的20％。 请帮忙。
5
为网络设计时，我应该如何处理颜色配置文件？
我已经阅读了道格·艾弗里（Doug Avery）的这篇文章，他在其中解释了如何在Adobe Photoshop中禁用“色彩管理”以及后续文章，以应对评论者对其提出的反对和支持sRGB的骚动，尽管我仍然不相信我使用哪种技术应该适用于我的个人工作流程。 根据我在阅读本文时收集的信息（如果我错了，请纠正我），正确的处理方法是让Photoshop将颜色管理为sRGB并在需要更多颜色时使用证明颜色。 “忠实”预览您的工作。 目前，我有一个完整的网站项目，该项目在设计时已禁用颜色配置文件。之所以以这种方式开始，是因为几个月前我注意到，尽管通过Photoshop自己的Eyedropper Tool正确报告了Photoshop渲染的颜色，但从屏幕截图进行测量时，其颜色与打开以PNG。 快速搜索后，我发现了我之前引用的帖子，并盲目地应用了它的建议（甚至没有注意到后续操作，也没有阅读有关它的问题的信息）。从那时起，我就再也没有遇到任何问题：我在Photoshop中拍摄了我的工作的屏幕截图，并将其上传给开发人员使用。在开发设计时，他可以看到与我所见和使用的颜色相同的颜色，而且我不必无所不用其极地了解我的实际工作。 我的问题： 当sRGB仅通过强迫您使用校样颜色而增加工作量时，是否真的有必要在Web设计中使用sRGB（我理解在摄影或打印之类的东西中不使用sRGB的含义）？（这就是我的看法，如果我错了，请纠正我） 由于使用ICC配置文件进行保存会导致某些浏览器正确应用配置文件，而另一些浏览器则忽略该配置文件，因此文章还说，最好仅使用sRGB设计然后不使用ICC配置文件进行保存。这样做不是一开始就违反了使用颜色配置文件的目的吗？还是我误解了文章的内容？
2
客户总是认为他们是比我更好的设计师。
当我设计一个新的网站或应用程序时，我会非常谨慎地将每个细节都做好，这样它既美观又方便用户使用。 但是，几乎总是有更好的主意。他们要求进行可怕的更改，当他们满意时，我感到羞耻地称其为我的工作。 我最终浪费了更多的时间，而产品最终看起来不那么专业。 我能做什么？ 这是别人的共同问题吗？有没有办法说服客户您是设计师，他们应该信任您的专业知识（不要屈尊）？ 我只是在与错误类型的客户打交道吗？ 还是这只是它的样子，我越早接受它，它将越好吗？ 你有什么经验？
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.