我已经学习编码一段时间了，而且我确实学到了很多东西，但是样式对我来说一直是一个痛苦（我知道这很尴尬）。我绝对不知道导航栏应该有多少像素或任何组件应该有多少宽度。如果对我来说太小/太大，我会调整大小。尺寸单位？不知道。不要误会我的意思。百分比，em和指标-我知道它的存在及其作用，但我会以像素为单位进行操作。我并不是说我编写的代码看起来很恐怖，而且没有响应。一切都是反复无常的，直到事物看起来美观为止，花了我很多时间才能使事物看起来漂亮。
比方说，我需要简化一些事情，例如CSS中的弹出模式。我可能将隐藏的内容包装在div类的modal中，将其内容包装在div类的modal__content中，制成button关闭它和其中的一些文本。语义正确的HTML并不是问题。动画和色彩？好，知道了我只是不知道如何设计它。从那时起，我意识到我从理论上就了解CSS。我可以编写代码，但是我不知道模态是桌面屏幕的300x200 px框还是使用百分比？
如果您有推荐的文章或书籍，我将非常感谢。
我使用了Bootstrap和语义UI。这些工具非常好用，非常方便，但是我希望了解有关尺寸调整的一些深入指导，因为我并不真正了解实际外观。大多数时候，我只是盯着所有字体大小，填充和边距等。
答案 0 :(得分：1)
我也不擅长图形设计。很少有人在图形设计和编程/脚本方面都表现出色。
SitePoint上有一些值得一读的书，特别是第一本书（每本书都可以以平装书和电子书形式获得）：
The Universal Principles of Design可能涵盖了您所询问的主题，尽管我尚未阅读。
图形设计在很大程度上取决于惯例（通常是一件好事），时尚（不太那么流行）以及设计师和客户的偏好。但是，有许多重要的准则需要了解。我会在这里提到一些。
大号或大号字体，运动（视频和其他动画）以及鲜明的边框和背景吸引眼球。注意不要在视觉上同时强调太多元素。 （对于组织的首页来说，这是一个普遍的问题，许多派系争相强调对他们最重要的内容。）
邻接表示关系。例如，通常最好给出标题，例如<h2>，顶部边距要大于底部边距。
元素之间通常需要舒适的空间，而又不占用过多的屏幕空间。如果需要在内容部分之间留出较大的空间，通常最好将其缩小以用于移动设备。
动画有多种用途。有各种脉冲/“震荡”动画来指示正在加载内容或正在进行某种其他类型的处理。有些转换显示状态之间的非瞬时变化，例如菜单的打开/关闭或更改是内容/图像滑块的视图。其他人主要是出于审美原因，以增加视觉兴趣。
很高兴您提到语义。您是否在适当的地方使用<label>元素？
P.S。太多自称为“网页设计师”的人不知道或拒绝承认网页图形设计和印刷图形设计之间的区别。