慢工出细活，Facebook点赞按钮设计中的门道

一年前,Facebook点赞按钮发布更新.一年后的今天,Facebook小小的点赞按钮因为Ted刚发布的一段演讲掀起波澜.设计一个像FB点赞按钮那么小的东西很难么?Ted中Margaret Gould Steward.给出的答案是“难.”不但难,而且工作量巨大.据FB主管该项目的leader透露,光是想出一种可行的解决方案就耗费了他们280小时. Facebook团队不可能生生浪费280小时去做无用功,于是整件事就更加耐人寻味了:除了把一个浅蓝色圆角矩形上的大拇指换成一个深蓝色圆角矩形上的“f”…

界面设计中如何增强CTA按钮召唤力？

以下内容由Mockplus(摹客)团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具. 网页和软件应用之类数字产品的有效交互系统一般是由拥有各种任务和功能的小元素构成.而为创建更加完整流畅的交互系统,Web和软件应用的每一个细节都应该被重视.这一点必须牢记. 按钮,作为Web和软件应用用户界面最核心的交互元素之一,对于提升用户体验,增加网页和软件应用转化率,发挥着非常重要的作用.而这些界面按钮因其功能的不同又可以划分为多种不同的类型.其中最为设计师重视并高频使用的一类,就是一…

UI设计中的48dp定律【转】

有朋友建议我偶尔写写技术类的文章,所以我打算开始穿插性的写一些偏技术方面的科普文章,尽量往小白能看懂的方向写,今天我来讲讲UI设计中的48dp定律. 那么先说说什么是dp ?其实对于一个非技术人员要把这个概念完全搞清楚还挺复杂的,所以我们就知道他是干什么用的就好,因为安卓阵营的碎片化,所以会有杂七杂八的不同分辨率的屏幕,但是一个UI人员不可能对不同分辨率把应用的图片都切一遍吧?所以就用dp这个单位,用这个玩意儿可以保证同一个图片在不同分辨率下的屏幕上保持基本相同的物理大小. 说了dp,就得说说p…

浅谈UI设计中妙用无穷的深色系背景

英文:medium 译者:优设网 - 陈子木链接:http://www.uisdc.com/ui-benefits-of-dark-background# ------------------------------------------------------------------------------------- 又是一篇来自Tubik Studio 的文章,丰富的设计项目经验使得这家资深设计机构对于设计的每一个细节都有着独特而系统的见解.今天的文章聊的就是深色系背景在设计中的运用…

在你设计中可能用到的20个杂志 PSD 原型

你是否正在为您的印刷产品找一些现成的原型素材?在这里,我们收集了一组免费的杂志 PSD 素材,必将派上用场.这些原型将给你和你的客户一个先睹为快的产品,在现实生活中看起来如何.所有这些原型提供了可以免费下载的 PSD 文件. 您可能感兴趣的相关文章太赞了!超炫的页面切换动画效果[附源码下载] 创意无限!一组网页边栏过渡动画[附源码下载] 好东西!动感的页面加载动画效果[附源码下载] 使用 CSS3 实现3D图片滑块效果[附源码下载] 时尚设计!三种奇特网格加载效果[附源码下载] Magazin…

AXURE在原型设计中的应用

转: http://uedc.163.com/2248.html 前言什么是原型呢? 产品原型简单的说就是产品设计成形之前的一个简单框架,对网站来讲,就是将页面模块.元素进行粗放式的排版和布局,深入一些,还会加入一些交互性的元素,使其更加具体.形象和生动. 就我个人而言,目前使用频率最多,最高效,交互效果最好的原型工具是axure.今天给大家介绍一些我在工作中使用axure的经验.主要从交互设计中涉及的三个主要步骤进行说明: 一.主要页面原型在进行主要页面原型设计之前,交互设计师需要:…

MySQL优化技巧之四（数据库设计中的一些技巧）

1. 原始单据与实体之间的关系可以是一对一.一对多.多对多的关系.在一般情况下,它们是一对一的关系:即一张原始单据对应且只对应一个实体.在特殊情况下,它们可能是一对多或多对一的关系,即一张原始单证对应多个实体,或多张原始单证对应一个实体.这里的实体可以理解为基本表.明确这种对应关系后,对我们设计录入界面大有好处. [例1]:一份员工履历资料,在人力资源信息系统中,就对应三个基本表:员工基本情况表.社会关系表.工作简历表.这就是“一张原始单证对应多个实体”的典型例子.2. 主键与外键一般而言,…

【转】Android设计中的.9.png

来源:http://isux.tencent.com/android-ui-9-png.html Android设计中的.9.png 注意:当使用9.png做TextView背景时,一定要设置内容区域(底部和右侧),否则,文字显示不出来. 偶米伽 2013.08.20 在Android的设计过程中,为了适配不同的手机分辨率,图片大多需要拉伸或者压缩,这样就出现了可以任意调整大小的一种图片格式 “.9.png”.这种图片是用于Android开发的一种特殊的图片格式,它的好处在于可以用简单的方式把一…

2014年的Google I/O app设计中的材料设计-渣渣的翻译

又是一篇翻译,用了三个多小时.http://android-developers.blogspot.co.id/2014/08/material-design-in-2014-google-io-app.html 2014 8 5 在2014年的google I/O app大会上的材料设计 Roman Nurik,google I/O android app的领导者每年的google i/o大会,我们推出Android app的会议来服务两个目标. 首先,服务于来参加会议和在家研究的伙伴,个人…

Web设计中打开新页面或页面跳转的方法 js跳转页面

Web设计中打开新页面或页面跳转的方法一.asp.net c# 打开新页面或页面跳转 1. 最常用的页面跳转(原窗口被替代):Response.Redirect("newpage.aspx"); 2. 利用url地址打开本地网页或互联网:Respose.Write("<script language='javascript'>window.open('"+ url+"')…

[UWP]浅谈按钮设计

一时兴起想谈谈UWP按钮的设计. 按钮是UI中最重要的元素之一,可能也是用得最多的交互元素.好的按钮设计可以有效提高用户体验,构造让人眼前一亮的UI.而且按钮通常不会影响布局,小小的按钮无论怎么改也不会对性能有多大影响,所以不少注重细节的设计师最为热衷修改按钮.(例如这位 ) 目前UWP只提供了基础款的按钮样式,网上相关资源也较少,所有写了这篇文章用于介绍在UWP上设计按钮的入门知识. 1. VisualStates Button的CotrolTemplate(可以参考这里 )中包含四个Vi…

在嵌入式设计中使用MicroBlaze（Vivado版本）(转）

原文Xilinx官方文档<ug898-vivado-embedded-design>第三章一.MicroBlaze处理器设计介绍(略) 二.创建带有MicroBlaze处理器的IP设计使用Vivado进行MicroBlaze设计和使用ISE有很大的不同.(译者加:所以你要仔细看下面的说明) Vivado IDE使用IP综合设计工具进行嵌入式开发.IP综合工具是一个基于图像界面的工具,能够帮助你构建复杂的IP子系统. Vivado IDE的IP目录中提供了很多现成的IP核,提供使用.你也可以…

教你避雷！网页设计中常见的17个UI设计错误集锦（附赠设计技巧）

以下内容由摹客团队翻译整理,仅供学习交流,摹客iDoc是支持智能标注和切图的产品协作设计神器. 精心设计的用户界面对网站意义重大.具备所有最新功能和响应式设计有助于提高网站的搜索引擎排名,从而增加受众群体.但是,当项目过大时,开发人员往往无法遵循最佳UI设计的原则进行开发.从而导致网站中某些重要功能无效或者浏览器测试不能完全通过.所以,今天咱们讨论的话题就是导致网站UI设计失败的原因以及如何避免这些错误的UI设计技巧,总结出来有17个.我们一起来看看吧! 1. 避免刻意销售用户体验的最新趋势是…

在嵌入式设计中使用MicroBlaze（Vivado版本）

【配色指南】UI设计中使用明亮色彩的利与弊，你知多少？

以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具. 合理运用色彩是每个设计师都应必须具备的技能,特别是插画师和UI设计师.随着扁平化设计和Material Design 的日益普及,色彩理论知识的重要性也变得愈加明显! 在许多数字化产品的界面中我们都能看到一些明亮的色彩和渐变色,从趣味性和娱乐性APP到商业APP和网站.然而,关于明亮的色彩对用户体验的影响仍有很多争议.本文就UI 中使用亮色的优缺点进行了一些分析和总结. 一.在UI中使用鲜艳颜…

Photoshop在网页设计中的应用与方法

1.图像局部截取和图像尺寸调整做网页设计时经常要用到的某张图像一部分,这就需要截取图像的局部.图像局部截取的方法很多,但使用Photoshop操作起来更方便.具体操作步骤如下: (1)在Photoshop中打开原始图像: (2)在工具栏中选择相应的选区工具,如矩形选框工具或椭圆选框工具,在图像上需要截取的局部建立选区.为了截取更精确,通常在选择选区工具以后,在工具选项栏中“样式”里设定选区的尺寸,如“固定大小”,并设定宽度和高度值,这样单击图像就可以建立固定尺寸的选区: (3)建立好选区后,可…

网页设计中11 款最好CSS框架

网页设计和发展领域已经成为竞争激烈的虚拟世界.想要在网络的虚拟世界中生存,仅有一堆静止的在线网络应用是远远不够的,网页必须要有很多功能,配以让人无法抗拒的设计.网页编码一定要合适.精确,才能保证不发生错误,使网页能在浏览器上轻松加载出来.此外,还要在网页设计中留出足够的空间以充许日后的功能增加和改善,这样做才能让更多与时俱进的特征能加入到网页设计中. 网页设计员和研发者可用的最好工具之一便是 CSS 框架,它提供高端解决方案来适应高端网页研发需求.CSS 框架减化了编码结构.减少了编码时间,为研…

机器学习在IC设计中的应用（二）--根据GBA时序结果来预测PBA

本文转自:自己的微信公众号<集成电路设计及EDA教程> <机器学习在IC设计中的应用(二)--根据GBA时序结果来预测PBA> AOCV AOCV全称:Advanced OCV,28nm及以下工艺节点开始逐渐使用的STA方法.与之前的OCV(设置全局的timing derate值)相比能显著降低时序分析的悲观程度,使得时序分析结果更加接近真实结果. GBA与PBA AOCV有两种模式,如下: GBA (Graph-Based Analysis) : 一个Cell的delay,取多个…

数据库设计中的Soft Delete模式

最近几天有点忙,所以我们今天来一篇短的,简单地介绍一下数据库设计中的一种模式——Soft Delete. 可以说,该模式毁誉参半,甚至有非常多的人认为该模式是一个Anti-Pattern.因此在本篇文章中,我们不仅仅会对该模式进行介绍,同时也会列出该模式可能导致的一系列问题,以帮助大家正确地决定是否使用该模式. Soft Delete简介首先先来想一个需求,那就是对用户操作的回滚支持.例如我现在正在用Word编写这篇文章.当我执行了一个错误操作的时候,我仅仅需要键入Ctrl + Z就可以进行回…

ASP.NET中获取Repeater模板列中LinkButton按钮事件中获取ID等

前台页面中: <asp:Repeater ID="repComment" runat="server"> <ItemTemplate> <div class="reply">  <p class="con"> …

web设计中那些因素可能影响网站后期优化

web设计中那些因素可能影响网站后期优化. 1.网站代码的简洁实用性.网站源文件html代码.js代码.css代码等应尽可能的压缩处理.能用jquery-min.js的最好不要用jquery.js:css里能合在一起的样式尽量整合,能共用就尽可能共用:html代码一定要符合w3c规范,最好采用html5编写. 2.网站布局与权重标签的正确使用.重要的内容靠前是布局的一项准则,内容的相关性也必不可少.<h>等权重标签的正确使用,可以保证优化的优先性.像 “更多…”的链接样式应尽可能改用图片. 3…

UI设计中px、pt、ppi、dpi、dp、sp之间的关系

UI设计中px.pt.ppi.dpi.dp.sp之间的关系武汉AAA数字艺术教育 2015-07-24 14:19:50 职业教育 pi px 阅读(3398) 评论(0) 声明:本文由入驻搜狐公众平台的作者撰写,除搜狐官方账号外,观点仅代表作者本人,不代表搜狐立场.举报做了几个移动端的项目之后,深感UI设计移动端尺寸换算的必要性,在此做个总结. 先介绍下各自的定义: px: pixel,像素,电子屏幕上组成一幅图画或照片的最基本单元 pt: point,点,印刷行业常用单位,等于1/72英…

iOS设计中的“代理”

“代理”--在iOS的开发设计中是一个非常重要的概念,同时又是十分基础的知识.所以,掌握“代理”势在必行! 以下,结合一个具体的例子,详细认识“代理”: 1, 图例解释: ①:定义两个文本输入框UITextFiled,上面一个,下面一个. ②:要求:在下面的输入框中国输入内容时,上面的文本框中实时.同步显示: ③:下面的文本输入框以及紫色的背景部分要求是一个独立的,抽取出来的“类”,直接在视图控制器中初始化出一个UIView,其中有一个“UITextFiled”和一个提示“UILable”. 2…

网页设计中常用的19个Web安全字体

来自http://www.jb51.net 在Web编码中,CSS默认应用的Web字体是有限的,虽然在新版本的CSS3,我们可以通过新增的@font-face属性来引入特殊的浏览器加载字体.但多数情况下,考虑各个因素的影响我们还是在尽量充分利用这些默认调用的字体实现CSS的编写,这里整理了19个Web安全字体,让你无需任何顾虑的情况下畅快使用. 1, Arial 微软公司的网页核心字体之一,最常用的sans serif字体,当字号很小时不容易阅读.但是,大写的“I”和小写的“l”是无法区别的,…

VO(DTO)模式在架构设计中是否需要

DTO(VO):也就是一般意义上的VO,封装后的对象.一般用于Web层—Service层间的数据传输入. PO:也就是一般概念上的Domain Object,如hibernate 中的Entity.一般用于Service层--Dao层间的数据传输. 大多数web应用是没有VO的,直接PO贯穿 web-service-dao三层;有些应用,尤其企业级应用开发,会用VO. 如果用VO,那么就要涉及到PO和VO之间的转换,增加很多代码量,每层交互都要做对象转换,重复代码多, 增加研发和维护的人力成本.…

网页设计中常用的Web安全字体

但多数情况下,考虑各个因素的影响我们还是在尽量充分利用这些默认调用的字体实现CSS的编写,这里整理了19个Web安全字体,让你无需任何顾虑的情况下畅快使用. 1, Arial 微软公司的网页核心字体之一,最常用的sans-serif字体,当字号很小时不容易阅读.但是,大写的“I”和小写的“l”是无法区别的,你可以考虑用Tahoma字体来替代.(苹果系统没有这种字体,但有一种对应于Arial的字体叫Helvetica,它是MAC机上与Arial 字体最相似的WEB字体,是别一种非衬线字体.它是一…

前端响应式设计中@media等的相关运用

现在做前端响应式网站特别,响应式成为现在前端设计一个热点,它成为热点的最主要的原因就是,移动端设备屏幕的种类多样,那么如何设置响应式屏幕. /*打印样式*/ @mediaprint{color:red;} /*手机等小屏幕手持设备*/ @mediascreenand(min-width:320px)and(max-width:480px){body{background:yellow;}} /*平板之类的宽度1024以下设备*/ @mediaonlyscreenand(min-width:321…