Questions tagged «website-design»

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


9
复制其他设计师的作品是否合乎道德?
我既不是平面设计师,也不是我自己。我对色彩理论和设计原理的基本知识了解甚少。我确实对看起来不错的东西有一种感觉,而且我擅长重新设计。 我选择了一个漂亮的网站,并着手使用它作为模板来创建自己的设计。我请求网站所有者允许使用他的背景,并且他同意我向他展示成品的条件。 完成后,我不愿意这样做。设计看起来确实相似。我使用的是相同的字体,相同的背景和相同的标题样式。布局虽然有所不同,但有许多相似之处。 复制其他设计师的作品是否合乎道德?从(道德)的启发到复制(不道德)的东西的引爆点在哪里?


5
在实际内容加载时显示内容形状的网页设计模式的名称是什么?
单页应用程序(SPA)网站在加载内容之前先加载并显示网站布局是很常见的。最近,我注意到,这些站点不仅显示等待旋转消息或“正在加载...”消息,还显示了将要填充内容的模板/布局,其中文本和图像用平面几何填充形状。 这似乎是个好模式,因为它比一小行等待文本替换为大的消息转储或其他内容要少,因此不会造成任何麻烦。我想阅读该模式,也许在我的网站上找到一个可以更轻松地完成此操作的库,但是我不知道该怎么称呼,而且甚至很难简洁地描述它以有效地搜索网络。我能找到的最接近的例子是这篇旧文章,没有给实践指定一个具体的名称。 我首先想到的是“占位符”,但是<input>标签现在已经具有实际placeholdler属性,很多人询问填充文本或其他内容(Lorem Ipsum,Kitten Ipsum等),因此结果往往无济于事。我希望业界已经为这种做法约定了一个独特的描述性名称,但我还没有找到。

3
如何为网络设置SVG动画?
矢量图形现在接管了Web甚至移动应用程序。网页或移动应用程序的图标,按钮和元素现在正变得越来越基于矢量,由于需要在各种屏幕分辨率,dpi,比率等上进行渲染,以及因为“缩放”到在移动浏览器上阅读效果更好的页面使位图资产变得丑陋且无法使用。 现在该开始在SVG中创建动画图标,背景和控件了,但是如何为SVG文件设置动画?


4
有水平排水沟的特定术语吗?
上下文 我的团队正在响应式网站上工作,我们允许用户配置页面的某些属性,包括网格“单元”之间的空间。我们讨论了正确的术语,以识别“单元之间的空间”。显然,我们可以使用“ margin”之类的东西,但这有点太宽了,因为它会包括页面和最外面的单元之间的空间。我们只想识别单元格之间的空间。我们的用户不一定精通技术(例如CSS等),但可能在图形设计方面具有一定的背景(或至少熟悉通用术语)。 问题 “装订线”似乎是最正确的术语,但是我可以找到的关于“装订线”的大多数定义都是专门针对列之间的空间。 行之间的间距是否有特定术语?还是简单地将它们称为“水平装订线”是否合适? 示例 下面是我试图识别的示例。 (图片来自https://www.init.de/en/news/sensitive-design) 我认为当前术语中的问题 “水平(/垂直)装订线”有点令人困惑,因为目前尚不清楚该装订线是否位于水平(/垂直)元素之间,或者是否在垂直(/)之间提供水平(/垂直)间距水平)元素。我的团队在哪个定义正确的问题上存在分歧,因此,我认为这足以证明该短语确实令人困惑。 至少对于网络而言,“填充”和“边距”不适用于我所描述的内容。填充是指边框和内容之间的空间,而空白是指元素周围的空间。两个相邻元素(每个元素的边距为10px)之间会有20px的装订线。(是的,我知道CSS边距经常崩溃,但并非总是如此。) 我已经看到了在响应式网格框架中经常使用的“装订线”一词,因此我知道这是Web开发中可以接受的术语。我只是想知道“水平装订线”是否有一个更合适的术语。

4
什么是开始学习网络排版和布局的好地方?
自1999年以来,我一直是一名数字设计师。 然而; 我最大的弱点是间距,网格和正在显影的页面,这些页面感觉很平衡,并且印刷层次结构很强。 我希望我的网站看起来像精美的印刷文档。 随着网络上充斥着大量资源,对于我来说,开始学习如何增强它的最佳位置是哪里。 我觉得这是一门科学,确实需要某种水平的方法论来应用。 哪里是最佳实践场所,或者您将如何推荐我发展这项技能?

2
如何避免燕麦动画片“网页设计如何直奔地狱”的悲剧命运?
这是有关网络设计的常见经验的著名网络漫画: http://theoatmeal.com/comics/design_hell 它基于作者的个人经历,并描述了地狱的一位典型/漫画客户,他将设计师视为: 图形程序中的鼠标光标,客户端可以通过语音,电子邮件和即时消息进行控制 ...通过以下方式破坏成品: 要求进行不必要的更改,使他们感到自己已在设计上留下印记 提出含糊,半生半熟或矛盾的要求 向与项目无关的人员提出变更请求 愚蠢的要求吸引客户,但对最终用户毫无意义 我想到的一些解决方案: 退出网页设计并开始自己的在线业务。 仅接受专业网页/图形设计师提供的工作。 有什么建议?

2
在Photoshop中将颜色复制为HEX的最快方法是什么?
许多设计师将Photoshop用作设计和模型工具。这样一来,最后的步骤之一就是获取大量颜色信息,以便可以使用HTML,CSS,Cocoa或其他某种语言来重建诸如渐变和动态文本之类的内容。 对颜色进行采样,然后打开选择器,然后选择制表键或双击十六进制字段,然后按⌘C(Mac)或Control-C(Windows),需要执行几个步骤。 如果您有最终的设计文档,并且想将很多颜色复制到剪贴板,那么最快的方法是什么?


3
是否应该在网络上使用文本缩进?
我曾想在我的网站上添加文本缩进(段落的第一行缩进了),但首先进行了搜索,发现许多站点都没有文本缩进。这是为什么?我认为这样可以使段落的开头更清楚,那么为什么不经常使用它呢? 是否存在严重的不利因素,还是仅仅是时尚/潮流问题?

5
如何处理居中文字的大段文字?
我一直在为自己开发一个非常简单的投资组合网站,并且我使用的模板对于所有文本都居中对齐。我对自己有些怀疑,我不知道这是否是处理这么多居中对齐文本的最佳方法。我的阅读感觉有点尴尬。我是在想象事情还是有更好的方法来做到这一点? 编辑1:我的网站基于此免费模板,该模板也有一些较大部分的居中对齐文本。我想对文本进行说明,但是我不知道它是否适合网站其余部分的显示方式。 编辑2: 因此,我将颜色翻转为白色的黑色文本。这就是现在的样子,也带有sens-serif字体。我还提供了该链接在白色背景上的外观-我可能需要将其变暗一些: 编辑3: 好吧,我尝试在要点上说得很对。我将尽快解决。我需要正确设置字体大小,但是您明白了。

3
如何处理看起来颜色太多的徽标?
我正在为其设计网站的公司具有必须与之合作的徽标。我对标准调色板和布局的所有想法都受到该徽标的挑战。我使用过并看到的大多数[悦目]徽标都有一种,两种或三种颜色。这个有六个。在徽标的上下文中,它们看起来还不错,但是我很难将它们中的任何一个转换为其余的设计。唯一有希望的是使用大多数中性色,但是在我看来,这使网站看起来有些无聊。 有没有人对这种情况有任何提示? 编辑:谢谢你的回答,伙计们。我不愿意发布实际徽标,但我将其结合在一起以更好地了解我正在使用的颜色及其对应的优势- 我可能使颜色组合的声音比实际情况差,因为我对此进行了过多考虑。我最近的设计迭代效果很好,但是它确实包含了DA01的一种颜色建议,我必须由客户来执行。这带来了很多选择。

4
网站使用的理想字体大小是多少?
我想知道一个网站可以使用多少种字体大小。 有人对我说,最好不要使用超过3种不同的字体大小(例如,标题使用16像素,文本使用11像素,较小的标题使用13像素)。 每个网页使用3种以上的字体大小(例如4种)是好是坏的主意?我只是问,因为我正在考虑使用第四个,但不知道它是否会破坏我的设计。

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.