首页

那些迷人的按钮设计

蓝蓝设计的小编

按钮是网页设计最重要的组成元素之一,是用户和网站进行交互的重要桥梁。要设计出优秀的按钮设计是一件非常困难的事情,因为设计师们需要从整体设计的角度考虑按钮设计成什么样的风格才能和页面的其它部分很好的融合,同时按钮的设计要操持风格的一致性。下面和大家分享网页设计中15个迷人的按钮设计案例,一起欣赏。

Radio fm buttons

Iphone Camera App Ui

BT UI Facelift

30有吸引力的搜索框设计PSD免费下载

蓝蓝设计的小编

网页设计中其实有个很重要的设计元素常常被大家忽视,呃!它就是搜索框!别看一个搜索框就是一个小盒子、一个小方框!它可有着莫大的用处。它经常会出现在角落或者侧边栏,它能迅速帮助你的访问者找到资料(靠用户自己脑海的习惯记忆以及和你网站匹配的关键字)。

国外的网站上,大家都可以看到,这个小框子的交互和设计越来越别出心裁了。那些交互和细节优化不仅仅是为了吸引访客的眼球,更多时候,是在培养用户对搜索框的使用,上留住访客,并把你的网站上的每一个干货展现给访客。

那么,今天我们收集了一些漂亮的搜索框设计,来细细品味一下吧!它们从字体、颜色、阴影、梯度等不同角度做了改变!希望对您的项目有帮助!

Free Custom Search Boxes (PSD)

Free Custom Search Boxes (PSD)

Source

Search Bar PSD

Search Bar PSD

22个iPhone食谱APP!餐饮类界面设计参考

蓝蓝设计的小编

各色各样的餐饮类app界面设计

Recipes and Grocery List – BigOven

超过250000种食谱(包括你的和你朋友的),有了它,你的手机就是一个可移动的食品杂货铺和菜单!超过七亿下载,围起来可绕地球N圈!

Real Recipes

Real Recipes(iPhone和iPod touch有)为你提示做美食需要的工具、简单的食材等。里面有灰常多其他用户分享的食谱或者你自己的哆啦a梦菜谱口袋、食物计时器的闹钟等~对了!还有一个配方微调器,就是你可以在短时间内根据自己的需要调配完美的食谱,还有详细的烹饪教程哦~

交互设计师必藏:50个线框图套件和在线设计工具

蓝蓝设计的小编

当开始进行新项目时,一般都会起步于线框图。本文收集了大量的线框图设计工具和套件。
交互设计师必备哦!

推荐阅读:
《推荐!交互细节中的那些变形金刚》 
《iOS用户体验设计:如何构建交互模式》 
《20个专为无线端设计提供灵感的资源站》

在线设计模板

Wirefy

以内容优先为原则的线框图在线设计工具。允许你运用标准元素设计出响应式线框图。

Wirefy in 50 Free Wireframe Kits and Web Apps

Lumzy

网页设计和界面设计的原型设计工具。

Lumzy in 50 Free Wireframe Kits and Web Apps

Mockup Builder

谁说设计师不会写代码?超简单Photoshop脚本语言介绍

蓝蓝设计的小编

自动化对每个设计师的工作来说是很有用的。它可以在重复的任务上节省宝贵的时间,还能够帮我们更快捷、更容易的解决一系列问题。

你可以使用photoshop的动作来使工作流程自动化,这是很流行的,大多数人都知道并且已经在使用的方法。今天,我们将介绍给你一种高级的自动化技巧:脚本语言。所有的这一切仅仅需要你有一点点关于JavaScript的基本知识,这对于我们中的一些网页设计师往往都是具备的。

我很多年前就知道Photoshop的脚本语言,但是我几个月前才开始决定研究它。我忽视了它是因为我认为那是聪明的具有数学思维能力的程序员的领域。但是我错了,今天我将要来告诉大家,尽管它需要一些基本的程序技巧,脚本语言并不是那么难掌握。

但是,一开始,我们得回答以下这几个明显的问题:

为什么我们需要脚本语言?

为什么我们在Photoshop已经有了很棒的动作之后还要需要学习脚本语言?答案是交互性!当你使用动作时,你不能真正的控制它在不同情况下的表现,就像录像带不停的一遍又一遍的播放而没有任何改变。

00

一个脚本语言更灵活,它表现形式的改变取决于你输入的参数或者是应用程序的内容。听起来很有用?不是么?

要求

你不需要是一个会写脚本语言的高级的程序员。我就仅仅是一个平面设计师,就像你们大多数人一样。但是你需要对JavaScript至少有一个基本的了解,以及一些属性和方法的经验去领悟这篇文章的大部分内容。

01

如果你对JavaScript一点都不了解,别害怕!有很多地方你可以了解程序的一些基本知识。例如:Codecademy,有很棒的完整的交互式课程。

翻滚吧网页:30个漂亮视差滚动网站赏析

蓝蓝设计的小编

大概一年前,我们还在预测视差滚动能否成为趋势,现在,视差滚动网站已经纷繁多样了,到处都有它的影子,除了新奇的体验,网站的纵深感也令人置身其中。在5月份的时候,优设推荐了一篇视差滚动指南,当下是让它真正大展身手的时候了,对这个技术感兴趣的同学移步:《滚动视差设计指南》阅读学习,同时诚挚推荐这《11个超炫的视差滚动网站》,先感受一下它的魅力何在。

今天推荐的视差滚动网站有点特别,是纵横向兼有的,还包括了flickr、tumblr、bahance等知名网站,希望你能在这里找到灵感,创建一个自己的视差滚动网站 : )

Fendi Life

Fendi Life

Twibfy


Twibfy

The Girl Effect

新鲜热辣:48枚扁平化图标免费下载

蓝蓝设计的小编

今天蓝蓝设计跟您分享一组免费的扁平化图标,共有48个,包含了办公,社交和旅行三种风格,由Vecteezy设计。老规矩,读完readme后使用更放心哦!

微盘下载

WDD_IconsPreview

原文链接:webdesignerdepot

30个高端大气的电影宣传网站欣赏

蓝蓝设计的小编

得力于互联网的进步,电影宣传网站也成为提升电影格调的重要方面,还记得《少年派的奇幻漂流》官方网站就令人赞不绝口,甚至有人因此选择进电影院观看。现在,有很多设计师也在为电影宣传作努力,在国内,这是一个新兴的宣传方式,设计师必须在网站中平衡好视觉表现和信息传递,对经验不足的设计师来说,可能还没有头绪,那么这里有30个热门电影(饥饿游戏、了不起的盖茨比、金刚狼2等)的优秀宣传范例,你可以学习借鉴一下  : )

说到电影,推荐这10部:《设计师应该看的10部电影》,找电影资源可以到这儿:《90%的人都不知道的电影资源下载站》,大多数是高清版唷。

The Hunger Games

The Hunger Games

The Heat


The Heat

We’re The Millers

销售信是网络营销文案的利器

蓝蓝设计的小编

网络营销中撰写营销文案也是非常重要的,网络营销不是写一篇软文发布到博客、论坛,投稿到门户就OK了。网络营销也可以采取直销的方式,利用邮件营销工具、QQ群邮件给潜在用户发送营销信件。以及我们从B2B平台时,有潜在客户访问了B2B平台,我们可以主动给该用户发送营销信件,促使用户下单(记录到访的潜在用户需开通诚信通)。

销售信写作

销售信就是直接向潜在用户发送营销信件,直接向潜在用户传达有什么产品,能帮助到用户什么等一种直销的方式。下面分享网络营销文案之销售信是如何撰写的。

开场白
开场白需要在简短的1-2句话就调动潜在用户的兴趣,肯花时间继续阅读你的营销信件内容。也就是说在信件正文中第一段不能打动用户,那么你的营销信件就失败。

表达意图
引起用户的兴趣以后,就需要向用户表达你的意图是什么,能够帮助到用户什么。为什么可以帮助到用户,可以举例说明。

解决质疑
分析用户在使用这个产品之前会遇到一些哪些问题,针对于这些问题做出详细的解答,解决用户使用中遇到的疑难问题,减少用户购买前顾虑。

激发行动
用户看到这个地方的时候,是有意向的用户。我们必须将用户采取行动的步骤,使用不好又该如何操作等处理流程详细写清楚。

9个免费的响应式网页设计模板

蓝蓝设计的小编

随着PC端、平板、智能手机等终端的发展,设备环境(系统平台、屏幕尺寸、屏幕分辨率等)更加复杂,网页展示需要考虑到各个终端的具体差异。

因此,响应式网页设计受到了大家的推崇。通过文中的9个免费的响应式网页设计模板,希望能帮大家了解这种技术以及提高工作效率。

1、TXT

这个模板有一个主页页面以及一个博客页面。可分为一列或两列,你可以根据自己的意愿进行设定。侧边栏的个数也可以自己自由设定。(演示 | 下载

1-TXT

 

2、VERTI

一个基于HTML5和CSS3的模板。可以分列,同时提供博客和主页的模板。(演示 | 下载

Verti

日历

链接

个人资料

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

存档