内容大小调整是否有指导方针？
Are there guidelines when it comes to content sizing?
我学习编码已经有一段时间了，我确实学到了很多东西，但造型一直是我的痛处（这很尴尬，我知道）。我完全不知道导航栏应该有多少像素或任何组件应该有多宽。如果它对我来说太 small/big，我会调整它的大小。尺寸单位？不知道。不要误会我的意思。百分比、ems 和指标——我知道它的存在和它们的作用，但我做的一切都以像素为单位。我并不是说我编写的代码看起来很可怕而且没有响应。一切都是不断尝试和错误，直到事情看起来美观为止，我花了很多时间让事情看起来很漂亮。
假设我需要在 CSS 中制作一些简单的东西，比如弹出模式。我可能会将隐藏内容包装在 div 中，class 为 modal，其内容在 div 中，class 为 modal__content , 制作一个 button 来关闭它和其中的一些文本。语义正确 HTML 不是问题。动画和颜色？好吧，你明白了。我只是不知道如何设计它。就在那时我意识到我知道 CSS 只是理论上的。我可以编写代码，但我不知道模态是否应该是桌面屏幕的 300x200 像素框或可能使用百分比？
如果您有一些保存的文章或书籍可以推荐，我将非常感谢。
我用过 Bootstrap 和语义 UI。这些都是非常酷和方便的工具，但我希望在调整大小时了解一些深入的指南，因为我真的不知道某些东西应该是什么样子。大多数时候我只是盯着所有的字体大小、填充和边距等。
我也不擅长平面设计。平面设计和 programming/scripting 方面的人很少 excel。
SitePoint 有一些值得一读的书籍，尤其是第一本（均有平装本和电子书）：
The Universal Principles of Design 可能会涵盖您所问的主题，尽管我还没有读过。
平面设计在很大程度上依赖于惯例（这通常是一件好事）、时尚（不太如此）以及设计师和客户的偏好。但是，了解各种准则很重要。我在这里提几个。
大号或加粗字体、动作（视频和其他动画）以及对比鲜明的边框和背景吸引眼球。注意不要同时对太多元素给予这种视觉强调。 （这是组织首页的通病，很多派别争相突出对他们来说最重要的事情。）
邻接意味着关系。例如，通常最好给出标题，例如<h2>，上边距大于下边距。
元素之间往往需要适当的 space 距离，而不会使用太多屏幕 space。如果内容部分之间需要大 spaces，通常最好针对移动设备缩小它们。
动画有多种用途。有各种 pulse/"throbber" 动画来指示正在加载内容或正在进行其他类型的处理。有些转换显示状态之间的 non-instantaneous 变化，例如菜单 opening/closing 或更改是 content/image 滑块的视图。而其他的则大多出于审美原因，增加视觉趣味。
很高兴您提到语义。您是否在适当的地方使用 <label> 元素？
P.S。太多自称 "web designers" 的人不知道或拒绝承认 Web 图形设计与印刷图形设计之间的区别。
我学习编码已经有一段时间了，我确实学到了很多东西，但造型一直是我的痛处（这很尴尬，我知道）。我完全不知道导航栏应该有多少像素或任何组件应该有多宽。如果它对我来说太 small/big，我会调整它的大小。尺寸单位？不知道。不要误会我的意思。百分比、ems 和指标——我知道它的存在和它们的作用，但我做的一切都以像素为单位。我并不是说我编写的代码看起来很可怕而且没有响应。一切都是不断尝试和错误，直到事情看起来美观为止，我花了很多时间让事情看起来很漂亮。
假设我需要在 CSS 中制作一些简单的东西，比如弹出模式。我可能会将隐藏内容包装在 div 中，class 为 modal，其内容在 div 中，class 为 modal__content , 制作一个 button 来关闭它和其中的一些文本。语义正确 HTML 不是问题。动画和颜色？好吧，你明白了。我只是不知道如何设计它。就在那时我意识到我知道 CSS 只是理论上的。我可以编写代码，但我不知道模态是否应该是桌面屏幕的 300x200 像素框或可能使用百分比？
如果您有一些保存的文章或书籍可以推荐，我将非常感谢。
我用过 Bootstrap 和语义 UI。这些都是非常酷和方便的工具，但我希望在调整大小时了解一些深入的指南，因为我真的不知道某些东西应该是什么样子。大多数时候我只是盯着所有的字体大小、填充和边距等。
我也不擅长平面设计。平面设计和 programming/scripting 方面的人很少 excel。
SitePoint 有一些值得一读的书籍，尤其是第一本（均有平装本和电子书）：
The Universal Principles of Design 可能会涵盖您所问的主题，尽管我还没有读过。
平面设计在很大程度上依赖于惯例（这通常是一件好事）、时尚（不太如此）以及设计师和客户的偏好。但是，了解各种准则很重要。我在这里提几个。
大号或加粗字体、动作（视频和其他动画）以及对比鲜明的边框和背景吸引眼球。注意不要同时对太多元素给予这种视觉强调。 （这是组织首页的通病，很多派别争相突出对他们来说最重要的事情。）
邻接意味着关系。例如，通常最好给出标题，例如<h2>，上边距大于下边距。
元素之间往往需要适当的 space 距离，而不会使用太多屏幕 space。如果内容部分之间需要大 spaces，通常最好针对移动设备缩小它们。
动画有多种用途。有各种 pulse/"throbber" 动画来指示正在加载内容或正在进行其他类型的处理。有些转换显示状态之间的 non-instantaneous 变化，例如菜单 opening/closing 或更改是 content/image 滑块的视图。而其他的则大多出于审美原因，增加视觉趣味。
很高兴您提到语义。您是否在适当的地方使用 <label> 元素？
P.S。太多自称 "web designers" 的人不知道或拒绝承认 Web 图形设计与印刷图形设计之间的区别。