兴杰 - 博客园

2022年2月13日

摘要：前言由于之前那篇有点长, 而且色轮很重要, 所以独立写一篇呗. 参考: 一文看懂色轮 Youtube – 03 色彩（什么是色相、纯度、明度、色环、补色？怎样配色？） Youtube – 初學繪畫必看調色教程！教你觀察顏色明度，之後才能調準顏色【跟着楊將學畫畫】 Youtube – RGB色彩模阅读全文

posted @ 2022-02-13 21:24 兴杰阅读(3480) 评论(0) 推荐(0)

平面设计 – 颜色

摘要：前言平面设计的基础是排版, 字体, 颜色. 许多年前我第一次接触 design theory 学的就是颜色, 色轮. 身为一名网页开发人员, 学习一下设计是很有必要的. 但也不需要把成为设计师当作目标. 每个人各持所职分工效率才高. 主要参考: 知乎 – 科学的光谱，色彩原理专栏颜色和光光波阅读全文

posted @ 2022-02-13 14:56 兴杰阅读(387) 评论(0) 推荐(0)

平面设计 – 初探

摘要：前言学平面设计有 2 种路线图第 1 种: 平面设计 > 网页设计 > 交互设计 > UI/UX 设计 > 网页开发 (HTML/CSS/JS) > CMS (PHP/C#) > 数据库 > 服务器. 第 2 种: 上面的反过来. 我就属于第 2 种. 每次做网站就是等 designer Fig 阅读全文

posted @ 2022-02-13 12:19 兴杰阅读(119) 评论(0) 推荐(0)

2022年2月12日

CSS – Position

摘要：前言定位是 CSS 里蛮重要的一课. 图片黑影 (overlay), back to top button, header, footer 紧贴在屏幕上下方等效果都是靠 position 完成的. 参考: Youtube – #CSS 認識 Position 粤语阮一峰 – CSS 定位详解 S 阅读全文

posted @ 2022-02-12 14:18 兴杰阅读(160) 评论(0) 推荐(0)

2022年2月11日

HTML – HTML Tags & Semantic HTML 语义化 HTML

摘要：前言 HTML tag 有 100 多个, 有些是功能形的, 非用不可, 有些是为了语义化对 screen reader 友好 (给眼睛有残缺的人也可以获取清晰的网站信息). 语义化是很重要的, 有些人写 HTML 满满都是 div, 出来的效果用眼睛看确实没有区别. 但是用 screen read 阅读全文

posted @ 2022-02-11 15:42 兴杰阅读(367) 评论(0) 推荐(0)

2022年2月10日

CSS – min(), max(), clamp()

摘要：介绍它们类似 calc(). 用来通过 formula 输出一个值. 用于 font-size, width, height 之类的, 这些地方. 非常适合用来做 RWD 哦 (特别是 font-size). 参考: CSS中 min() max() clamp()函数及使用场景详解 Kevin 阅读全文

posted @ 2022-02-10 21:28 兴杰阅读(231) 评论(0) 推荐(0)

HTML & CSS – Responsive Image 响应式图片 (完整版)

摘要：前言之前就有写过关于 Retina 和 Responsive Image 响应式图片 (responsive image) Retina 显示屏但写的太烂了, 所以有了后来的屏幕, 打印, 分辨率, 物理像素, 逻辑像素, Retina, DPI, PPI 是什么? 和这一篇. 参考: 阮一峰阅读全文

posted @ 2022-02-10 11:34 兴杰阅读(1427) 评论(0) 推荐(0)

CSS – Media Query

摘要：前言 Media Query 是用来做 RWD 的, 类似 JS 的 if else. 写的多有伤管理, 所以要谨慎使用哦. 参考: Learn CSS Media Query In 7 Minutes https://css-tricks.com/logic-in-css-media-querie 阅读全文

posted @ 2022-02-10 10:23 兴杰阅读(124) 评论(0) 推荐(0)

2022年2月8日

CSS – Grid

摘要：前言有一种布局方式叫 Layout Grid 网格布局. 在 Figma – Layout Grid 有介绍过. 在 RWD 概念篇也有讲到过要实现这种布局, 可以用 Flex 也可以用 Grid. Bootstrap 用的方法就是 Flex. Grid 出生在 Flex 之后, 所以先掌握阅读全文

posted @ 2022-02-08 14:33 兴杰阅读(484) 评论(0) 推荐(0)

2022年2月7日

CSS – Design System

摘要：介绍这篇 Tailwind CSS 的教程:Translating a Custom Design System to Tailwind CSS 充分的体现了什么是 Design System. 设计讲求原则, 一致性, 规律, 所以它需要对很多元素做规则, 这些就可以称为 Design Syst 阅读全文

posted @ 2022-02-07 10:00 兴杰阅读(171) 评论(0) 推荐(0)

兴杰(stooges.com.my)

公告