首页

哟哟哟!学会点线面,排版好方便!

涛涛

每个设计师多少都有一点强迫症,有时候会为一个像素的间距而纠结,有时候又会割舍不下自己做的元素,满屏的信息都想突出,导致画面混乱。设计师培养自己对画面的全局观是很重要的,所以我们的脑子里时刻都需要有一把“尺子”在,这把尺子,就是“点线面”。在使用这把“尺子”的时候,抛开那些装饰和颜色还有材质,将画面抽象成点线面来把控你的设计,也许会有不一样的启发和看到画面不和谐的原因所在。

设计师对版面的全局观,就是“点线面”的处理。“点线面”是所有视觉画面的基本结构,点线面可以把不同的部分或者元素组合成一个整体,进而打造一个视觉舒适平衡的版面。


看似一模一样的搜索框,在设计师眼里有这么多细节!

涛涛

搜索几乎是现在所有网站,APP甚至操作系统的标配,不论是电商还是论坛等等。它是一个站内给用户直接到达目的地的通道,起到了一个引导用户走向的重要作用。在不同的系统,不同用途的网站上搜索呈现的方式都有所不同。

用搜索的原因

使用搜索时,用户可以自己掌握浏览该网站的路径,从哪一页进入到哪一页,自己控制如何使用这个网站。没有必要根据网站的页面设计来决定浏览页面的先后顺序。这也是为什么很多网站用户一进入就直接使用搜索功能的原因。

另一个原因是,当用户浏览网页到一半不知道接下去该干什么的时候,往往会使用搜索直接去找到自己想找的内容。

大屏ui设计系列之十三:阿里巴巴三万亿大屏项目

蓝蓝设计的小编

2016年3月,阿里巴巴中国零售交易市场2016财年商品交易即时总额即将突破三万亿,这是阿里历史性的一刻,也见证了消费的力量, 为了记录这一历史时刻,三万亿大屏项目应运而生。这是阿里UED的一些文章。


实战经验!如何做好网页后台的表单和表格设计?

涛涛

一个完整的后台,由菜单/导航、数据/图形展示、表格、表单、控件/组件以及弹窗等构成,下面跟大家分享后台中的表格和表单的设计细节。

当接到一个全新的网页后台项目时,首先确定设计风格,然后考虑这个后台尺寸是做居中固定式,还是全屏响应式。全屏响应式的网页设计,除非有规定,否则你可以选择任意主流尺寸作为基尺寸来设计网页。当然,不管选择什么尺寸,都得基于做好一个后台而开展工作。

从0到1,进步的未来—微众银行APP项目小结

用心设计

照搬他人的模式要比创造新的东西容易。做大家都知道如何去做的事,只会使世界发生从1N的改变,增添许多类似的东西。但是每次我们创造新事物的时候,会使世界发生从01的改变。                     

  —— Peter Thiel,Blake Masters《从01:开启商业与未来的秘密》从0到1,进步的未来—微众银行APP项目小结

这也许是最详细的APP电商首页设计分析

用心设计

移动端产品最难的地方就是在很小的屏幕上展示出你所有的业务。因为有了屏幕的限制,加上移动端的客户碎片化阅读的习惯和高流失率。所以业务复杂的App是设计难度较高的。电商就是这种类型的App,既要保证首页业务展示完整性,又要保证用户体验满意度,每一个页面设计都要考虑一些技巧和思考维度,非常考验设计师的设计功力。所以电商类App是要展示内容最多也是最难做的一类App。所以我们以电商为例来分析首页设计。


这也许是最详细的APP电商首页设计分析

品牌基因法做图标(升级篇)

用心设计

图标设计如何具有品牌性?这可能是设计师工作中经常会遇到的问题。


但很多新人也许并不了解什么是品牌性,更不知道如何将品牌性融入到图标当中,不过没关系,看了这篇文章你就不会那么困惑了!

品牌基因法做图标(升级篇)

24个容易忽略的APP设计细节

涛涛

随着移动优先的趋势,APP的设计也越来越受到公司重视,不断地提高APP的设计质量是每个设计师的追求,有哪些设计中的细节被你忽略了呢?让我们一起来看看这些细节你都把握住了吗。

视觉表现型问题

暑期干货!2017年8月前端开发者超实用干货大合集

涛涛

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

在过去的几年当中,网络上所流传的各种设计和开发资源,在素质上有明显的提升。其中有一些已经几乎成为了设计师和开发者必备的工具,但是其中绝大多数由于其应用范畴的局限,或者传播不够广,导致它们大多并广为人知。将这些素材集中到一起,很大程度上是希望它们的目标用户能够明白,需要这些工具的时候,上哪儿找。

这次的前端干货合集内容也很齐全,仔细看看,总能找到几款你所需要的。

MuzzleApp

Muzzle 是之前 CodeKit 的开发者的新产品,是一款应用在macOS 平台的应用,当你和别人共享屏幕的时候,它可以帮你关闭通知和其他的私密信息,避免尴尬。无论你共享屏幕时候的平台是Skype、Google Hangouts 还是 Slack,它都能让macOS 进入“免打扰”模式。

Fractures

Fractures 是一个CSS类 合集,可以帮你快速创建网页原型。Fractures 是基于原子设计模式来构建的,样式表被分割为小段。

CSS DB

CSS DB 能为你列举出还在不断开发中的CSS特性列表以及目前的状态,让你可以更好地使用CSS选择器。

Preact

Apache 最近宣布禁止将 BSD+专利许可证分发给 ReactJS 和类似的项目,如果你的产品受到类似的专利许可证的影响,可以考虑 Preact 这样的 ReactJS替代品。

Pell

Pell 是一款用来构建所见即所得编辑器的JavaScript 库,默认情况下,它会带有常见的富文本编辑器的按钮。Pell 是使用ES6来构建,它不会像jQuery 那样需要大量的依赖库,体积小巧,可维护性强,还兼容 IE9。

Markvis

Markdown 在语法和功能上是有限制的,而Markvis 在它的基础上增加了图表的功能。

Moment PHP

Moment 是一款 PHP 库,用来处理日期和时间,类似于 Moment.js 之于 JavaScript。这个库的使用也很简单,可以快速设置时区、时间和显示方式。

Tonik

这是一款使用现代PHP来构建的Wordpress 新手主题,它充分利用了命名空间,自定义模板,自动加载器,WebPack 以及一大堆现代Web开发的优点。

Awesome Guidelines

这是一个包含了许多编程语言标准的列表,其中包含了C语言,JS,PHP,Ruby,甚至包括Visual Basic。这些标准能够帮你的代码保持简洁、干净。

BotUI

聊天机器人已经逐渐成为主流。这款 JS 库能够帮你构建对话式UI,这个库比起传统的“表单”体验更加优秀。

Reaction Commerce

开源的内容管理系统这些年变化并不大,其中绝大多数都是基于PHP来构建的。

TinyReset

这是一款非常小巧的 CSS resetter,它可以作为 Eric Meyer 所创建的reset.css的替代品。

Martinet

Martinet 是一款用来构建静态网站的命令行工具,其中包含了诸如 Webpack、TypeScript、Pug for templating、LESS和 NPM 这样的现代工具。它的存在让设计者不用担心网站配置,只需要正常使用 Martinet 就能对网站进行调整。

Billboard

BillboardJS 是一款基于 D3.js 来构建的交互式数据可视化数据库工具,它可以用来创建可视化的柱状图,饼图,折线图等。

SVGI

SVGI 是一款用来查找SVG元素和文件的命令行工具,安装它之后,你可以采用svgi 命令来检索 SVG 文档的大小、元素、层次结构和节点列表。

TimeStrap

TimeStrap 是另外一个非常实用的开源平台,它可以像 WordPress 一样可以在任何地方运行和访问的发票系统。对于喜欢自己控制而不希望使用外部服务来管理发票的用户而言,这是一个很好的选择。

Slate

Slate 是一款为API 文档创建静态网页的工具,诸如 WooCommerce、Travis-、CoinBase甚至 NASA 都采用了这一工具。

FontJoy

FontJoy 是一款能够生成大量有效字体组合的工具,点击“Generate”按钮就能生成许多新的字体组合。有趣的地方在于,这款工具还有具备深度学习的功能。

CoolHue

毫无疑问渐变色再一次回归主流,而CoolHue 是另外一款非常优秀的渐变色生成工具。

FrontPress

FrontPress 是一款前端框架,可用来控制 WP-API 和 AngularJS。如果你想创建一款用于 WordPress 的内容管理系统,可以从 FrontPress 着手。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档