首页

提升网站用户体验:你不能不知道的6条专业建议

蓝蓝设计的小编

作为网页设计师,我们知道,我们的任务就是与用户对话。这就是为什么我们能够从容的着手眼前的工作。我们选择颜色、字体,以及要使用的网页布局,甚至编写CSS的方式,所有的东西看起来都那么有目的性。

正如我们精心制作设计时,我们会意识到结果会透露出一些关于我们,设计师的内容。然而这些我们所设计东西并不是总能很好道出我们的初衷。

所以每当你正在进行一个网站的设计,问自己:我们如何给用户更好的关怀感?

浮动窗口广告 = 金钱比UX和内容更重要

因此,很多网站都选择了浮动窗口或者遮罩层广告,这似乎是现代形式的弹出窗广告。

就像他们的前辈,弹出窗口广告 ,浮动窗口的广告很烦人。

浮动窗口广告是非常具侵扰性的策略,从而影响并且中断用户体验

想「广告」与「用户体验」二者兼得的同学推荐阅读:网站广告和用户体验的平衡之道

 

wps_clip_image-7620

如果你的用户非常艰难的才能访问到你的网站上的内容,那么你一定有些地方做错了。你的设计应该展示给用户的最优先事项是它的体验,当然也要说明网站的内容也是十分重要的一方面。

通过中断,延迟,或者别的什么方式让用户千辛万苦地才能了解到您的内容,那么你是在告诉他们,用户的价值低于金钱。

同样,任何强迫用户注册,登录,填写邮箱等方式才能访问到内容,都应重新考虑是否涉及欠妥。

试想一下这种情况:由于你当前的主机无法满足现有需求,于是你拼命寻找一个新的主机。它只是不断崩溃,而这是在告诉你,你已经超越了当前解决方案(PS:顺便祝贺你站点的成长)。

如同很多科技的创业者们,你最初的解决问题的行动是用谷歌搜索一台新的主机 。

你偶然在Quora看见了一条线索,一个很多如同你一样的创业者们经常光顾的站点。

7个设计师必备的国际顶尖设计网站

蓝蓝设计的小编

成为dA(deviantart)的忠实用户有很多理由——dA是最大的艺术社区;成为dA用户简直是设计新手的必经之路。但是,这些都不妨碍你加入其他专业的网站来展现你的才华。

创立于12年前的dA现在拥有最多的艺术爱好者受众。然而,最近有人说dA有太多的作品只有在你脑补能力超强的时候才能称之为”艺术”。用户太多了,所以各种批评的声音也纷至沓来!不管怎样,不管你喜欢与否,dA是一个很棒的艺术社区,不过,加入其他艺术网站也会让你受益良多。

今天,我们来了解七个主要的可作为dA替补的艺术社区来激励设计师和有创意的艺术家。

preview-large-7bestdaalternative

1.Behance


1-Behance

与dA不同,Behance是为那些专业艺术家,那些以艺术谋生或者将艺术作为一个非常严肃的爱好的人建立的。由于严格规定和高标准,Behance正在成为一个高级的专业网站。

Behance的网站看上去很直观,很有条理:作品按小组,类别,甚至国家来分类。用户可以根据爱好,专业水平或者正在一起做的项目来建立朋友圈或合作伙伴圈。如果你想找这个网站的亮点,那就看看招聘版块和交互系统吧。在Behance,艺术家们能得到一致的作品集系统来按照步骤展示工作流程和项目进度。虽然一堆大手的名字会吓到新手,但是Behance可能是唯一能与艺术家和设计师分享你的经验和知识并且获得专业反馈的地方。

17个漂亮实用的Photoshop CS6教程

蓝蓝设计的小编

今天,我们继续分享Photoshop CS6教程技巧。在这篇文章中,您可以学会怎样创建一些有范儿的黑暗骑士风格的海报,还有很多酷炫的字体设计教程。如果很久没有学习新的ps技巧,那么,今天的17个教程,对于您练手来说,将再适合不过了。
在Photoshop中创建一个钢铁文字效果

在Photoshop CS6的泰坦之怒

怒赞!7个下载UI组件包的网站

蓝蓝设计的小编

现在Photoshop的UI工具包是设计师们最喜爱的资源,收藏到一套好的组件包,常常是欣喜若狂呀。
包包们已经成为web设计者迅速开发不可或缺的神兵利器,里面往往会放满了网站所需要的一切组件,譬如:导航、翻页、焦点图、滚动条、按钮、表格、菜单等等!
为了让大家高兴高兴,特别整理收集了7个网站的组件包下载入口,是的!是入口!
里面藏着很多高质量的免费的UI组件包,优设哥建议您把网址先收藏了,到了晚上夜深人静的时候下载。

1、Dribbble

View UI kits from Dribbble

Dribbble 这里不只是一个看刘碧设计师和他们200*150小气格子图的地方,如果您够细心,您将可以顺藤摸瓜找到成堆有用的资源,那些免费的PSD就像彩蛋一样藏在任何一个地方。

随便举几个栗子:

Hanna UI Kit

View the UI kit

低调内涵:20个优雅网页背景纹理欣赏

蓝蓝设计的小编

 

合理运用素材,利用纹理绘制精美绝伦的网页背景。

Read the full post

尽管极简设计和扁平化不提倡使用纹理。但是设计无绝对,很多情况下,纹理的质感,能让整个网页提升好几个层次。
纹理能够营造一种复古氛围。本文收录了20个网站,全部在纹理运用上颇有心得,可以看看他们的设计细节。
赶紧整理整理你所下载的资源包,动手实验一个吧!

Orchard Keepers

Orchard Keepers

 

Postable

Postable

20个UI界面PSD下载(来自Dribbble分享)

蓝蓝设计的小编

今天这篇文章收集了20个新鲜出炉的用户界面 PSD 源文件素材,你可以免费下载使用。这些免费素材不仅能帮助设计师们节省大量的时间,而且能有很好的效果。感谢那些很有才华的设计师分享它们的劳动成果,让更多的人可以使用他们的创意设计。

Search UI

20个UI界面PSD下载(来自Dribbble分享)

 

Any Color Vertical Ribbon

20个UI界面PSD下载(来自Dribbble分享)

Labels

20个UI界面PSD下载(来自Dribbble分享)

 

十四套PS字体设计教程大集合

蓝蓝设计的小编

在任何领域,想要做好最重要的事情就是你应该熟悉该领域的相关工具,设计领域的Adobe Photoshop是相当完美的工具,因为你可以利用这个软件很容易的创造许多图象。不仅如此,你还可以在一个漂亮的理想的方式中管理文本,因为 Photoshop支持这类功能。我想说,文本和Photoshop工具可用于创建一些令人惊异的和创造性的图象。如果你能够在你的设计项目中呈现文本, 意味着你拥有真正专业的技能,现在通过以下文字效果教程你也可以很容易做到这一点。

网络上有很多这种教程,但是这次是超乎寻常的Photoshop教程,使你的文本看上去更艺术。使用Photoshop文字效果可以在大部分的设计中很突出。文本效应是最重要的一个要素,设计现在这个技巧的方法就在下面的教程中。

Create a Sports-Themed Text Effect in Photoshop Using Layer Styles

Purple Glow Text Effect

Ridiculously Realistic Scorching Fire Effect!

 

50个最优秀的Photoshop实例教程

蓝蓝设计的小编

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

来源:http://www.uisdc.com/100-things-you-should-know-about-design

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

这是2013年度最佳 Photoshop 教程系列文章之文字篇!这些优秀的 Photoshop 教程教大家如何制作各种精美的文字。这些教程是从众多教程中精选出来的,如果你跟着教程一步一步的学些,能够学到很多新技术,例如照片处理,文字效果和绘图技巧等等,成为 Photoshop 高手。

使用 Photoshop 创建一个针织效果的文字

最好的photoshop教程2012

在本教程中,您将学习如何在 Photoshop 中制作精美的针织文字效果。查看教程

 

在 Photoshop CS6 中创建一个缝制牛仔的文本效果

最好的photoshop教程2012

在本教程中,您将学习如何结合 Photoshop 滤镜、画笔和矢量图形创建一个缝制牛仔文本。查看教程

 

使用 Photoshop 创建精美的立体文字

最好的photoshop教程2012

本教程介绍如何使用 Photoshop 实现一种非常精美的立体文字。查看教程

 

在 Photoshop 中使用图层样式创建血淋淋的文字效果

最好的photoshop教程2012

在这个教程中,您将学习如何在 Photoshop 中使用图层样式创建血淋淋的文字效果。查看教程

 

在 Photoshop 中创建一个清脆的金属文字效果

最好的photoshop教程2012

在这个教程中,您将学习如何创建一个清脆的金属文字效果。查看教程

 

如何在 Photoshop 中创建磨制石器文字效果

最好的photoshop教程2012

本教程介绍如何使用多图层样式,渐变内发光技巧和简单的过滤器,创建有光泽的石头文字效果。教程

 

在 Photoshop 中创建一个“可怕”的文字效果

最好的photoshop教程2012

在这个教程中,您将学习如何使用 Photoshop 中的图层样式创建一个“可怕”的文字效果。查看教程

 

在 Photoshop 中创建一个霓虹灯文字效果

最好的photoshop教程2012

在Photoshop中创建可爱的纺织面料文字

蓝蓝设计的小编

 

在这里咱们就不多加讨论字体的来源定义了,谈谈制作文字显得更加直观些。还有什么是比自己用photoshop制作文字更有前途的呢?吼吼~只需要有一点时间和精力,你就可以把几乎所有创意变成美丽的作品!

嗯哼,所以,今天我要告诉你如何在photoshop中创建一个纺织面料类型的文字效果。来吧,就让我们在有趣的工具和技术下做出我们想要的文字效果!let’s go!

在正式制作文字之前,这里先讲一下资料包的使用(ps加载纹理和笔刷,熟练者请自觉绕过):

一、在photoshop中如何添加下载的图案纹理

本教程所需素材下载:
Fabric patterns by webtreats
Lace Brushes by Merrypranxter

解压该文件得到一个文件夹,里面有一个.pat文件image003,在photoshop的油漆桶工具下,选择油漆类型为”图案“,在图案面板的右边设置图标下选择”载入图案“,把刚才的.pat文件复制过来,点击”载入“就可以了。

image005

二、在photoshop中如何添加下载的笔刷

和上面差不多,你已经下载到了一个.abr文件image007,在photoshop的画笔工具下载入画笔,复制该文件到文件夹里,点击”载入“,ok。

PS教程:制作美味可口的面包圈字体

蓝蓝设计的小编

面包圈是一种用面粉做成的甜甜圈类型的面包。当它们烤好又闪亮时,看上去真的可口解馋哟!

本教程将会向大家展示如何使用Photoshop强大的图层样式功能、以及一些笔刷和滤镜来创作一些美味的面包圈(效果字体)。

这是最终效果图。

clip_image002

注意:

*本教程中使用的Adobe Photoshop CS6,但是你也可以使用CS3以上任何一个版本。

*你可能想要检查BasixPage 这一页来了解一些关于Photoshop基本操作技巧的有用主题,例如加载色板和一些快捷键。

(译者注:教程所用的纹理和字体已经上传,大家可以去下载哦 网盘下载

注意:你可能需要加在本教程使用的等高线,所以可以查看这张图片来了解如何操作。

clip_image004

第一步

新建1250×1250像素大小的文档(你可以使用任何你想要的宽度值,但是请确保高度值不小于1250)。

选择矩形工具,设置前景色为#d4d0c9,并拉一个眼神到文档边框外一点的矩形。

clip_image006

双击矩形形状图层,设置如下图层样式:

——斜面和浮雕

大小:3

勾选消除锯齿

阴影模式:正片叠底—颜色# a89a86

日历

链接

个人资料

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

存档