界面设计那些事：技术人的产品修炼之路4.pdfVIP

界⾯设计那些事 技术⼈的产品修炼之路「4」 By @Easy 提供 JobD 「帮你8⼩时应聘3000家公司的⼈才拍卖⺴站」 感谢 新浪微盘 SinaAppEngine ⽤微博的都爱⽤微盘 依然是国内最好的PaaS云平台 界⾯设计的本质 界⾯ 沟通⽅式 interface 书 绘本 漫画 ⺴站 APP 游戏 电影 ⽂字 图⽚+⽂字 图⽚+⽂字+互动 多媒体+互动 视频 访客 产品 产品团队 界⾯设计的原则 Don’t Make Me Think 别让我思考 Don’t Make Me Think VS Don’t Make Me Think • 思考时间 • ⿏标点击次数 Don’t Make Me Think • 像设计Keynote⼀样设计⺴站 • 现在有耐⼼读完140字以上的⼈已经不多了 界⾯排版的基本原则 写给⼤家看的设计书 重复⼀致性 让设计中的视觉要素在整个作品中重复出现。 可以重复颜⾊、形状、材质、空间关系、线宽、 字体、⼤⼩和图⽚，等等。这样⼀来，既能增 加条理性，还可以加强统⼀性。 对⽐层次感 对⽐的基本思想是，要避免⻚⾯上的元素太过 相似。如果元素（字体、颜⾊、⼤⼩、线宽、 形状、空间等）不相同，那就干脆让它们截然 不同。要让⻚⾯引⼈注⺫，对⽐通常是最重要 的⼀个因素，正是它能使读者⾸先看这个⻚⾯。 对⻬ 任何东⻄都不能在⻚⾯上随意安放。每个元 素都应当与⻚⾯上的另⼀个元素有某种视觉 联系（视觉联系背后的是逻辑联系）。这样 能建⽴⼀种清晰、精巧⽽且清爽的外观。 亲密性组块 彼此相关的项应当靠近，归组在⼀起。如果多 个项相互之间存在很近的亲密性，它们就会成 为⼀个视觉单元，⽽不是多个孤⽴的元素。这 有助于组织信息，减少混乱，为读者提供清晰 的结构。 提升⾃⼰的设计能⼒ 培养美感 明⽩什么是好，什么是差 设计师的GitHub - / 使⽤框架和组件 BootStrap 使⽤框架和组件 BootStrap 免费BootStrap主题 使⽤框架和组件 BootStrap 免费BootStrap配⾊/ 使⽤框架和组件 ionic 移动端框架/ 使⽤框架和组件 Angular Material Design UI Material Design ⻛格UI 使⽤更好的图标 icomoon.io ⽮量图标字体⼯具 ht