惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

V2EX - 技术
V2EX - 技术
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
T
Threat Research - Cisco Blogs
T
The Exploit Database - CXSecurity.com
S
Schneier on Security
S
Securelist
P
Privacy & Cybersecurity Law Blog
Scott Helme
Scott Helme
T
Threatpost
C
Cybersecurity and Infrastructure Security Agency CISA
L
LINUX DO - 热门话题
Cyberwarzone
Cyberwarzone
Cisco Talos Blog
Cisco Talos Blog
量子位
博客园 - Franky
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
Latest news
Latest news
T
Troy Hunt's Blog
N
News | PayPal Newsroom
Google Online Security Blog
Google Online Security Blog
Apple Machine Learning Research
Apple Machine Learning Research
N
Netflix TechBlog - Medium
小众软件
小众软件
P
Palo Alto Networks Blog
Spread Privacy
Spread Privacy
C
Cyber Attacks, Cyber Crime and Cyber Security
C
Check Point Blog
aimingoo的专栏
aimingoo的专栏
WordPress大学
WordPress大学
L
Lohrmann on Cybersecurity
L
LINUX DO - 最新话题
D
Darknet – Hacking Tools, Hacker News & Cyber Security
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
The Last Watchdog
The Last Watchdog
S
Security @ Cisco Blogs
P
Privacy International News Feed
Last Week in AI
Last Week in AI
Microsoft Security Blog
Microsoft Security Blog
T
Tailwind CSS Blog
博客园_首页
云风的 BLOG
云风的 BLOG
V
Vulnerabilities – Threatpost
D
DataBreaches.Net
Recent Announcements
Recent Announcements
酷 壳 – CoolShell
酷 壳 – CoolShell
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
罗磊的独立博客
Engineering at Meta
Engineering at Meta
Forbes - Security
Forbes - Security
T
Tenable Blog

Posts on WKLKEN THINKING

apisix 中的 lrucache apisix 中的服务发现机制 apisix 中的负载均衡 apisix etcd机制 聊聊框架 关于 k8s 的 zero downtime deployment 一些建议 apisix 遇到的一些问题 关于在除夕前一天换了一个洗衣机的故事 Django DRF 性能优化 DRF 的一些实践 Part1: Serializer DRF继承关系图 Better Code: 关于接口的灵活性 新的仓库: wklken/naming 缓存使用的一些经验 Better Code: 抽象: 可扩展性与可维护性的抉择 Better Code: 异常时, 该提示用户哪些信息? Better Code: 更好的异常日志打印 Go: some libs Go: go-redis/cache升级的坑 Go: logrus性能提升 Go: gin validation 远程办公的一点总结 Go: 开发过程中的一些bug 项目管理实践: 风险驱动开发 Go: 一种error wrap调用链处理方式 漫谈技术选型 Go: 基于 apitest 做handler层单元测试 Go: go-sql-driver interpolateparams参数优化 [分享]深度工作 你需要更多的思考时间 Django项目重构小结 工作七年小结: 学习,生活及其他 [分享]bash日常: bash-utils 极客时间推广海报 2017总结: 予时光以意义 k8s APIServer源码: api注册详细细节 k8s APIServer源码: api注册主体流程 k8s APIServer源码: 服务启动 k8s APIServer源码: go-restful框架 重构 - 读书笔记(Python示例) 写给新人的沟通建议 vim 杂谈 - 关于快速编辑 vim 杂谈 - 关于移动 读书笔记-重构: 章11 处理概括关系 读书笔记-重构: 章10 简化函数调用 读书笔记-重构: 章9 简化表达式 读书笔记-重构: 章8 重新组织数据 读书笔记-重构: 章7 在对象之间搬移特性 读书笔记-重构: 章6 重新组织函数 Python 代码规范小结 [分享]关于vim ElasticSearch集群部署文档 Logstash+ElasticSearch处理mysql慢查询日志 [分享]关于代码调试DE那些事 Logstash+ElasticSearch+Kibana- 实现相对通用的数据收集分析 ELK维护的一些点(二) [分享]Python源码剖析-数据结构 一些Centos Python生产环境的部署命令 摘录<<6个月学会任何一种外语>> ELK 维护的一些点 也许是一个新的开始 一些vim的个性化配置 读书笔记-调试九法 这段时间的一些想法 Python 源码阅读 - 垃圾回收机制 我为什么要写博客 APUE笔记-第一章 UNIX基础知识 Python源码阅读-闭包的实现 Python源码阅读-内存管理机制(二) Python源码阅读-内存管理机制(一) Python-基础-数据结构小结 '活动'设计的一些trick 一些简单的Python测试题 我的tmux配置及说明【k-tmux】 Review and Restart 工作四周年小结 vim插件: surround & repeat[成对符号编辑] vim插件: gundo[时光机] vim插件: expand-region[区域选中] vim插件: quickrun[快速执行] vim插件: trailing-whitespace[行尾空格处理] vim插件: closetag[成对标签补全] vim插件: ctrlp[文件搜索] vim插件: airline[状态栏增强] vim插件: theme[主题] vim插件: tagbar[大纲式导航] vim插件: nerdcommenter[快速注释] vim插件: rainbow_parentheses[括号高亮] vim插件: syntastic[语法检查] vim插件: delimitmate[符号自动补全] vim插件: matchit[成对标签跳转] vim插件: easy-align[快速对齐] vim插件: multiple-cursors[多光标操作] vim插件: vim-signature[快速标记跳转] vim插件: easymotion[快速跳转] vim插件: vundle[管理插件] Elasticsearch几个问题的解决 分享一份 Vim 简介PPT k-vim 更新9.0版本 关于知识管理工具的思考
读书笔记——写给大家看的设计书
2014-03-02 · via Posts on WKLKEN THINKING

cover

对设计,知之甚少,战5渣

读到这本书,感觉蛮有收获的,起码会有一个基本的设计意识和概念,有些作用

这本书主要围绕设计的四个基本原则展开说明,有详细的说明和对比案例


设计原则

得到优秀的设计

1.学习四大基本原则
2.认识到自己没有运用这些原则
3.应用基本原则

1.亲密性

将相关项目组织在一起:移动这些项,使它们的物理位置互相靠近。
相关的项将被看做凝聚为一体的一个组,而不再是一堆彼此无关的片段

亲密性意味着存在关联

注意,人们查看时的视觉感受,顺序(视线如何移动的,起点-路径-结束)、停留、重点。将有很近的亲密性的多个项目放一起,成为一个视觉单元

如果某些元素在理解上存在关联,或者相互之间存在某种关系,那么这些元素在视觉上也应当有关联

亲密性也同时意味着,对非亲密项进行隔离(利用空白、线、图等),使孤立

位置是否靠近可以体现出元素之间是否存在关系

需要对所有元素有一个分类组织的过程

亲密性的根本目的是视线组织性(条理性)

条理,意味着更容易被阅读和记住

要避免的问题

不要仅仅因为有空白就把元素放在角落或者中间
避免一个页面上有太多孤立的元素
不要再元素之间留出相同大小的空白,除非各组同属于一个子集
不属于同一组的元素之间一定不要建立关系

2.对齐

任何元素都不能在页面上随意安放,每一项都应当与页面上的某个内容存在某种视觉联系

对齐-更内聚的单元,虽然其物理位置可能是彼此分离的

建立一种看不见的关联

应该找到一条明确的对齐线,并用它来对齐(皆为线)

左对齐和右对齐看起来外观更为清晰,效果更分明,而居中对齐不是,所以,尽量避免,多留意居中对齐的效果是否是你想要表达的。当然,慎用两端对齐

勇敢一些,不要畏缩

在得到更多培训之前,一定要坚持一个原则:页面上只是用一种文本对齐(所有文本都左对齐、右对齐或者居中),避免混合使用多种对齐方式

如果使用两种,需要懂得,聚聚项目之间的布局关系

根本目的

是页面统一而且有条理

统一性:页面上所有元素看上去统一、有联系而且彼此相关,需要在各个单独的元素之间存在某种视觉纽带

要特别注意元素放在哪里。应当总能在页面上找出与之对齐的元素,尽管这两个对象的物理位置可能相距很远

3.重复

设计的某些方面需要在整个作品中重复

读者看到的任何方面都可以作为重复元素:字体,线,项目符号,颜色,设计要素,某种格式,空间关系

重复有助于组织信息:利于将设计中单独的部分统一起来,可以帮助读者浏览各个页面

重复的最大好处是是各项看起来同属一组,虽然元素看起来都不完全相同.变换成一致的外观

重复,将各个部分连在一起,从而同意并增强整个作品,否者这些部分只是彼此孤立的单元

根本目的:

统一,并增强视觉效果

如何实现

可以认为是保持一致性:需要把现有的一致性更向前推进一步

要避免的问题

避免太多地重复一个元素,重复太多会让人讨厌.要注意对比的价值

4.对比

如果两个项不完全相同,就应当使之不同,而且应当是截然不同

要想实现有效地对比,对比就必须强烈!千万不要畏畏缩缩

设计页面很少只是用某一种原则

在页面上增加对比能吸引眼球,我们的眼睛喜欢看到对比的事物

根本目的

增强页面效果:更有意思,更好的可读性
有效于信息的组织

如何实现

最简单方法是实现字体对比,也可以利用线宽、颜色、大小、空间、元素之间间隔、材质等形成对比
重要的是:对比一定要强烈

避免的问题

不要犹豫,如果想形成对比,就加大力度

提高视觉敏感度

从好的设计中获得理念,寻找灵感

5.设计过程

1.从中心点开始
确定希望读者最新看什么。除非你已经决定要建立一个非常协调的设计,否则就应该创建一个有强烈对比的中心店

2.将信息分组
按逻辑进行你分组,确定这些组之间的关系。通过组之间靠近与否来显示这些关系
在页面上组织文本和图片时,要建立并维护明确的对齐
创建重复,或者找出可以重复的项,建立重复
除非你已经决定要建立一个非常协调的设计,否则就应该创建强烈的对比

书中还有关于颜色选择、字体设计的部分章节,需要可以自查

总的来说,很好的一本书,推荐

wklken

2014-03-02 于深圳