让你的想法看起来很棒,而不依赖设计师,了解如何使用从开发人员的角度解释的特定策略自己设计漂亮的用户界面。读《Refactoring UI》 | 本山德彪的 Apple Notes
从零开始从功能开始,而不是布局当你开始设计一个新的应用程序创意时,你会先设计什么?如果是页面顶部的导航栏,那你就错了。
在进行新设计时,最容易让自己感到沮丧和困顿的方法就是一开始就试图 “设计应用程序”。当大多数人想到 “设计应用程序 ”时,他们考虑的是外壳。
它应该有顶部导航还是侧边栏?
导航菜单应该左边还是右边?
页面内容应该放在一个容器中,还是全宽?
徽标应该放在哪里?
问题是,“应用程序”实际上是一系列功能的集合。在你设计出一些功能之前,你甚至都不知道需要哪些信息来决定导航应该如何工作。这也难怪会令人沮丧!
与其从外壳开始,不如从实际功能开始。
例如,您正在构建一项航班预订服务。您可以从 “搜索航班 ”这样的功能开始。
您的界面需要:
出发城市字段
目的地城市字段
出发日期字段
返回日期字段
执行搜索的按钮
从这里开始。
见鬼,你可能根本不需要其他的东西–谷歌就是这么做的。
细节稍后在设计 ...
使用教程
未读Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
Quick StartCreate a new post$ hexo new "My New Post"
More info: Writing
Run server$ hexo server
More info: Server
Generate static files$ hexo generate
More info: Generating
Deploy to remote sites$ hexo deploy
More info: Deployment
彩色文字在一段话中方便插入各种颜色的标签,包括:红色、黄色、绿色、青色、蓝色、灰色。
超大号文字文档「开始」页面中的标题部分就是超大号文 ...
布局的原则
提升设计的九个永恒概念
当你开始学习设计时,很难判断为什么一个构图不好。你浪费时间拖动东西直到它看起来更好,或者求助于复制。学习强大布局背后的原则可以帮助你更好地规划,并且在你遇到困难时,可以退后一步,系统地评估需要改变的地方。就像音乐家学习乐器以更有效地分享他们的愿景,这些想法并不是为了限制你的创造力。相反,它们提供了表达的机会,同时允许你实现设计要求。
如何使用本指南每个原则都有一个简要概述,后面跟着一个例子。如果你真的想让你的学习巩固下来,请一次研究一个概念,并尝试用不同的方式将其整合到你自己的布局中。记住,这些例子只是原则的一个示例。还有无限的变化!把每个例子当作你自己工作的出发点。
焦点
兴趣的中心点吸引你目光的位置——事物交汇或分散的地方。“三分法”是一个广为人知的技巧。常常被介绍给摄影初学者,它涉及将画布分为三个相等的水平或垂直部分,然后将主题放置在这些想象中的网格线上。你也可以将其应用于布局,将一个清晰的焦点放置在画面的正确三分之一处。
空白
就像音乐需要动态(强和弱),布局也需要空白。“空白”意味着视觉休息的安静区域,给其他元素留下呼吸的空间。
空白不必 ...
从开发人员的角度解释,如何不依赖设计师,用特定策略设计漂亮的用户界面。读《Refactoring UI》 | 本山德彪的 Apple Notes
从零开始从功能开始,而非布局当你设计一个新的 APP 创意时,你先设计什么?如果是顶部的导航栏,你就错了。大部分人一开始就试图“设计新的应用程序”,他们考虑的是外壳。
它应该有顶部导航还是侧边栏?
导航菜单应该左边还是右边?
页面内容应该放在一个容器中,还是全宽?
徽标应该放在哪里?
问题是,“应用程序”实际上是一系列功能的集合。在你设计出一些功能之前,你甚至都不知道需要哪些信息来决定导航应该如何工作。这也难怪会令人沮丧!
与其从外壳开始,不如从实际功能开始。
例如,您正在构建一项航班预订服务。您可以从 “搜索航班 ”这样的功能开始。
您的界面需要:
出发城市字段
目的地城市字段
出发日期字段
返回日期字段
执行搜索的按钮
从这里开始。
见鬼,你可能根本不需要其他的东西–谷歌就是这么做的。
细节稍后在设计新功能的最初阶段,重要的是不要纠结于字体、阴影、图标等低级决定。
这些东西最终都会很重要,但现在并不重要。
如果你在浏览器或你最 ...















