DY点线面

  • 首页
  • blog
  • 设计导航
  • 下载
  • 关于
ui
用户体验

这7个实用的设计技巧,能让你的UI高级感更强烈

  对于每个网页设计师而言,在设计过程中总会碰到需要作出设计决策的时候。也许你的公司并没有全职设计师,而需求上则要求设计出全新的UI;又或者你正在制作一个你自己的个人项目,而你希望它比 Bootstrap 的默认效果要强一些。这个时候很多人会退缩:“我并不是一个艺术家,我没法作出更好的效果!”但是事实证明,想要设计出更优秀的效果,合理地运用技巧其实更重要,而且是可以出效果的。 今天的文章,我们总结了7个简单直观的改善网页视觉效果且能提升高级感的小技巧。很实际,也很实用,希望你们能喜欢。 1、使用色彩和字重…

2018年4月13日 0条评论 275点热度 8人点赞 阅读全文
设计

为什么我临摹了很多设计作品,还是没办法原创?

不知道你有没有这样的情况,临摹了很多设计作品,但是等到自己原创的时候,就做不出来了! 为什么? 因为临摹的阶段有很多种,而且每个阶段都有不同的侧重点,也许你并没有注意对一些细节的思考。 为了解决这个问题,今天菜心就来简单介绍四个临摹的阶段,大纲如下: 跟着教程临摹 对照原稿临摹 加入想法临摹 转化现实临摹 1. 跟着教程临摹 如今网上有很多设计类的教程,手把手教你把一个图标(或海报等)做出来,这种临摹方法会告诉你一些具体的数值,你只要跟着一步一步做就可以。 但这样就够了吗?当然不行,如果不思考,跟着临摹再多也不会有…

2017年6月5日 0条评论 294点热度 2人点赞 阅读全文
色彩

今年最受欢迎的7种色彩风格

编者按:流行色彩每年都在变,年年都会有微妙的差异性,2016年在UI上的用色还没有那么大胆,但是2017年开始,色彩运用的越来越大胆了。比如新版淘宝,就采用了比较年轻态的渐变色,色彩的运用也趋于多元化,极简风与大胆扁平渐变色会共存,下面我们就来做个小小的归纳总结。 趋势 1:冷暖色相渐变 此类在UI中运用的较多,比如新版淘宝就是采用暖色单色相的渐变色,这也是2017-2018年产品界面用色的趋势之一。 趋势 2:饱和度较高的纯色 这类用色在品牌、插画等领域用的居多,不过在个人网站或创意设计网站慢慢的也多了起来,对于…

2017年5月11日 0条评论 282点热度 0人点赞 阅读全文
设计

【免费下载】45+件2017最新非常漂亮的UI工具包

【免费下载】45+件2017最新非常漂亮的UI工具包   博客UI套件 文件格式:Sketch     Prometheus| UI套件 文件格式:PSD     鼓舞人心的UI元素下册 文件格式:PSD     Ease UI Component Free Sample 文件格式:PSD     Chat 文件格式:PSD,Sketch     Creatone UI套件 文件格式:PSD   …

2017年2月3日 2条评论 355点热度 0人点赞 阅读全文
下载

扁平化UI 工具包免费下载

一套扁平化UI工具包送给大家,百度网盘下载: 链接:http://pan.baidu.com/s/1sjtI63F 密码:tnqs  

2015年11月19日 0条评论 282点热度 0人点赞 阅读全文
HTML5

8个献给前端开发者的免费CSS UI工具包

本篇文章搜集的内容不是很多,但是很实用的CSS用户界面工具包,你可以免费下载的ui工具包。 每个CSS UI工具包包含按钮、盒子、进度条、滑块、标签、通知、旋转木马、复选框、单选按钮、开关等。 点击图片进入下载页面。 CSS Inbox User Interface   Drunken Parrot UI Kit   Toolkit   GET – S.. DONE   Bootflat   Amsterdam UI Kit – CSS   INK &nb…

2015年10月30日 0条评论 283点热度 0人点赞 阅读全文
下载

【免费下载】9套漂亮的扁平UI工具包(psd/ai)

今天收集了九套漂亮的ui工具套件,比较适合简洁干净的web页面或者app界面。 希望能给大家带来些灵感和创意 免费下载 免费下载 免费下载 免费下载 免费下载 免费下载 免费下载 免费下载 免费下载

2015年10月21日 0条评论 316点热度 2人点赞 阅读全文
HTML5

UI动画可不是卡通片

转自可乐橙 我之前撰文讲过多余的动画,引发了一些共鸣。得到了非常积极的反馈,我很高兴了解到,动画过多的界面也会令其他人手足无措。 老实说,我并不反对为界面进行动效设计。我主要是在质疑那些妨碍用户的动画。 克制,是一名优秀UI设计师的特质。它要求你了解所选平台的能力,然后避免使用它(除非时机成熟)。 与其为多余的动画惋惜,我宁可学习深思熟虑的动画,尽量提出一些方案。 我期望得到你对本文的评价与建议。 做作的动画案例 下面是一则快速且做作的动画案例,我以此来演示UI动画中的卡通化现象。尽管这是个略微夸张的例子,但事实上…

2015年10月16日 0条评论 316点热度 0人点赞 阅读全文
文章

六种最常见的用户体验设计错误

越来越多的同学开始着迷UX/UI设计,这个领域的高手和爱好者也越来越多。于是大量新的想法、设计流程、设计手法以及形形色色的“原则”开始出现在这个领域当中,用良莠不齐这个词来形容UX领域其实非常恰当。用户体验设计需要你作出艰难的决定,成为优秀的设计师并不容易,你需要从错误中不断汲取经验教训,成就自己。人们总是犯着类似的错误,新的思路听起来很不错,但是并不足以成为用户体验设计的标准,但是也正是这些错误的修正,造就了真正优秀的设计。 许多概念看起来炫酷,但是稍加推敲就会发现它的谬误。还有一些规则看起来逻辑清晰,但实际也并…

2015年10月8日 0条评论 291点热度 0人点赞 阅读全文
下载

【干货下载】云端/主机/技术支持图标(AI、EPS、PSD、SVG、PNG)

很高兴与大家分享免费资源:云端技术图标,这组图标可以在任何web托管相关的项目派上用场。 图标格式有:AI,EPS、PSD、SVG和PNG   Preview Have a look at all 36 icons:   百度云链接:http://pan.baidu.com/s/1ntiXBLZ 提取码:cbxa 英文原文地址:tympanus.net

2015年9月30日 0条评论 614点热度 0人点赞 阅读全文
HTML5

网页动画:JavaScript和CSS3 动效库大全

我们将向大家展示下网页动画的现状地图,并收集了一些具有多变表现力的类库、框架和插件。   图1:网络动画地图 下图分为三个区域,第一部分是一些容易理解的动画类库,撇开已经达到期望的通用动画方法外,还从简单的方法和函数到时间控制都提供了大家所希望的工具。我 们从JavaScript类库中分离了用CSS3过渡的动画元素,也挑选出了能够和SVG,WebGL或者HTML5 Canvas相连接的动画类库。     图2:工具列表 第二部分是专为文档模型中像滚动动画,视差,CSS sprite,3…

2015年5月26日 0条评论 416点热度 1人点赞 阅读全文
文章

相见恨晚!15个绝对值得收藏的免费设计资源站

互联网顶级资源全聚合!今天这组网站囊括了全球最大的UI资源库、免费神级图库、海量PSD设计模板、高达300万种的配色板,超多免费背景以及高效率Photoshop插件等,包你一眼倾心 >>> 1. UI Cloud UI Cloud 号称拥有世界上最大的用户界面设计资源数据库,可以下载多达四五万个UI元素,比如进度条、音乐播放器等等。 2. Freeimages 做网站设计时、向客户演示PPT时都需要用到精美图片,正如网站名称所表达的你可以下载到大量的精美图片,而且是免费的哦! 3. Kaku 如果…

2015年4月18日 0条评论 359点热度 2人点赞 阅读全文
代码

三思而后行!真正优秀的动效应该是隐形的

毫无疑问,在UI和网页中使用动效已经成为大趋势。这种趋势是如此之明显,以至于越来越多的应用已经不是为了提升体验而设计动效,更多是为了强调动 效本身。设计师 Pasquale D’Silva 在2013年的 Web Direction South 上曾这样说过: 好的动效是隐形的。(作为用户的)你不应该注意到你正在看一个动效。 这是一个很好的建议,我们作为屏幕背后的设计和开发团队,事先在脑中设定几个原则:动效的存在必须提高可用性,令人觉得自然,含蓄,是给予用户反馈的一种机制。   在过去的一年里,我一直忙于…

2015年3月3日 0条评论 327点热度 0人点赞 阅读全文
文章

App界面中的透明元素设计

透明度是一种在大屏幕和小屏幕中都有良好效果的设计方式。它可以使导航、控件和内容变得对比度更高、更清晰明确。同时也能提供精美的背景和轻微模糊的毛玻璃质感。 此外,你还能轻松尝试不同的透明度来达到不同的效果,例如在界面上添加更具有光泽的图层可以让人感觉更加精美,总之,淡淡的背景可以让优雅精致的界面在视觉上更加流畅、完美。 今天,我们就来一一介绍各种透明的精美APP界面。 Alex Bender的Portfolio经过抛光而显得精致,由IOS7而触发的灵感,全新的设计让界面更觉有凝聚力。 STE UI的美食APP,设计师…

2015年2月27日 0条评论 408点热度 0人点赞 阅读全文

D.Young

A designer who looks like a Csser.

站内搜索
标签聚合
CSS 动效 设计 图标 logo 网页设计 字体 用户体验

Copyright ©2014-2021 DY点线面. All Rights Reserved. 站点地图

THEME KRATOS MADE BY VTROIS

鲁ICP备15008799号-1