推荐阅读
精选国外非常吸引人的旅游门户网站设计欣赏
其实酒店和旅游类的网站最能体现多媒体内容和文字的搭配技巧了，这类网站通常需要营造氛围，展现美感，体现吸引力，优秀的案例比比皆是。今天我们就来看一组优秀的案例。现如今的旅游和酒店类网站设计的越来越带感了，壮美的风景和精致的界面融为一体，优质的服务和梦幻般的界面让用户在网站中流连忘返。这些网站以惊艳的图片和视频立足，配合以突出的现代网页设计技术，结合当下的设计趋势，视差滚动、全景图片、响应式布局、动态图片一个都不缺席。这些网站巧妙地将多媒体技术、文字排版和特效平衡为一体，为用户提供了身临其境的体验。>Pygmy ElephantPygmy Elephant 是一个旅游机构，网站为用户提供了逼真而难忘的视觉体验。其中涵盖的多媒体类型丰富，通过丰富的视觉体验鼓励游客踏上旅程。网站使用了视频背景，漂亮的图文混排，精致的交互细节。>Cruise Me为了让项目效果突出，设计和开发团队使用了诸多先锋的技术。当用户打开网站的时候能够看到首页上交互性极强的地图，每个地标都能够为用户提供丰富的信息以便浏览和了解。再向下，用户可以翻看不同主题不同旅游项目的卡片，有目的和针对性地了解具体信息。整个网页的设计友好而令人愉悦。>Bird Luxury Travel PR
PHOTOSHOP绘作逼真蕃茄
4.画个大椭圆，羽化20，反选，增加亮度30。 5.取消选择后，用加深和减淡工具处理周边，上面和两边减淡，底部加深。使用加深和减淡工具的时候，需要不断的尝试，这时最好给图像做个历史快照，或是复制一层来做，这样便于修改，涂抹时次数是很多的，不一会就数十次了，在历史记录中可恢复不了。 6.蕃茄有几个瓣，现在来做这几条陷下去的纹。画个椭圆，用选择-变换选区旋转和移动到适合的位置，羽化1，在凹纹的位置用减淡工具檫。 7.反选后用加深工具檫。 8.同样方法做出余下的陷纹。观察整体，再对局部作一些加深增强立体感，可加轻微杂色，数量约1。 9.给这个层命名“蕃茄”，新建一层，在上部画个小椭圆，羽化3，填充灰白性线渐变，将图层模式设为“颜色加深”，作为蒂部位下陷的暗调。向下合并到蕃茄。 10.新建一层，命名“茄蒂”，用钢笔仔细钩出蒂的形状，填充绿色（46/77/27）。 11.绘画实物时，离不开我们的好帮手――加深和减淡工具。刚接触时，我也是极为头痛的，它们不象图层样式那样，调节参数就可以得到效果的，不容易掌握。但只要经过耐心的练习和尝试，你会发觉它们实在是可爱极了。处理茄蒂时可用钢笔辅助钩出叶瓣，也需要载入茄蒂的选区，用轻移、旋转、羽化、反选等动作来得到我们需要的工作选区。完成后加杂色1.5%。
Photoshop打造斑驳压纹镂空文字效果
简 介】 利用PS可以打造出各种各样奇特的文字效果，下面我们来制作一款压纹镂空文字…… 先看一下效果： 效果图 制作工具：Photoshop CS 制作过程： 1、新建一个宽度为100像素，高度为100像素，分辨率为350像素的文件。 2、新建图层1，单击工具箱中的“自定义形状工具”，在其属性栏中单击路径按钮，并在形状下拉面板中选择五角星图案，然后在窗口中拖拽创建一个五角星路径，如图01所示。
自己动手用Dreamweaver制作活动菜单条
用QQ聊过天的朋友都对它的自动隐藏窗口功能爱不释手，它可以使窗口显得清爽整洁而且富有动感，笔者的几个朋友都想在自己的网页中加入类似的东东，经过共同摸索发现用Dreamweaer就可以实现这种效果，下面我们通过一个活动菜单条的制作来看看吧。 第1步：制作菜单外貌 图1 在Dreamweaer中新建一个文件，绘制一个层，在该层中插入一个表格(如图1)，对该表格进行修饰，然后加入菜单项并建立各项的超链接，为了去掉超链接的下划线，可以编辑超链接的CSS样式，在CSS样式面板中通过CSS选择器将“Link”和“Hover”的“Decoration(装饰)”均设置为“None(无)”，将“Hover”的“Color(颜色)”设置为红色，最后将设置好的样式应用到各个菜单条中(可按“F12”键预览效果)。 第2步：设计菜单的动态效果 1、选定层面，当鼠标变成“十”字形时按住左键将层面拖动到页面右上角(使整个菜单条完全露出但上边缘正好靠拢页面上边界)，在窗口菜单中打开时间线面板，选定层面将其拖动到时间线上，Dreamweaer会自动产生一个长度为15帧的动画对象，拖动该动画对象的最后一个关键帧到第30帧，将其长度设置为30帧。然后在第15帧处单击右键，在弹出的快捷菜单中选择“添加关键帧”选项插入一个关键帧，并将层面拖动到适当位置(如图2)。在时间线窗口中的第15帧处再次单击右键，在弹出的快捷菜单中选择“添加动作”，为该帧添加一个交互行为，Dreamweaer将自动打开行为面板。单击行为面板中的“+”按钮，从弹出的菜单中选择“Timeline/Stop Timeline”，打开“Stop Timeline”对话框，选择“Timeline1”后单击“确定”按钮关闭该对话框。交互行为的事件为“onFrame15”，动作为“Stop Timeline”，这样当时间线运行到第15帧时，动画将停止播放，这样就实现了菜单条弹回的功能。图2 2、用同样的方法在时间线的第30帧处也添加一个“Stop Timeline”的交互行为，这样就实现了菜单弹出的功能。添加了这两个交互行为后，在时间线窗口的相应帧上面都出现了一个蓝色方块，它代表一个交互行为。选择“自动播放和循环”复选框，使动画能够自动循环播放(如图3)。图3
最新发布
4个挑字体的方法让你的PPT更有设计感
字体是设计感的重要体现，字体用的不好，会毁了整个作品。但在现实生活中，除了设计师，很少人会意识到字体在设计中的重要性。下面小木就举几个”用错字体毁一生”的例子。认为左图没用错字体的，你可以点击左上角的关闭按钮了，咱们有缘再会。认为左图的确用错了字体的，现在应该知道你跟专业设计师的差别体现在哪里了吧?今天，小木就来教教你在PPT 中如何用好字体，选对字体。01. 字体的类型(关于字体的基础知识)1）从字形上分析，字体分为有衬线和无衬线字体
详解UI设计新人常见的7个简历问题
年后就是求职季，这个假期好好准备简历，才有希望找个高薪工作。阿里设计师 总结了这7个简历制作要点，都是实战经验，也是很多新人会忽略的点。01. 常见问题就目前看到的简历来说，主要存在两个现象：以 PDF 或 PPT 格式为主的充斥大量设计稿的简历以 Word 为主的纯文字简历现在的大部分人都有一种主观意识，认为做视觉的就是要有大量的设计稿堆成的文档来作简历。其实这样会出现问题，一个是首先拿到你的简历的是 HR，他们不会对你的视觉稿多做端详，HR 更关注你的个人信息，所以视觉稿堆成的图让 HR 很难获取你的个人信息，因为有些 PDF 格式的信息是不能复制的，或者复制出来后会变成乱码。 另一个问题是，除非你的设计稿非常突出，不然大家都是这样的形式，你就很容易被筛选出局了。 还有纯文字形式的简历，这部分人主要是以 Word 格式为主，其中有一部分人会在里面附上自己的作品链接，这点不错，但是有一个问题：通过了 HR 的筛选，到了专业人士时，就会对你的简历嗤之以鼻。(有几个小伙伴的作品链接一直打不开，这也是问题，好好检查下这些细节的东西) 如今这个行业，大部分公司对设计的重视程度相比过去而言，已经提高了几个档次，所以无论是单看作品还是纯看信息，都是无法判断出你能力如何或是否适合这个团队的。 所以设计简历是必要的，但是要注意几个点。02. 到处都存在视觉有一部分小伙伴的简历问题不是一般的大，其实本身界面做的都很不错，但是做的效果图却很一般，排版又全是问题。都是简单的把自己做的界面平铺在画板上，一点逻辑可言都没有。稍微做点调整，把你的展示图与界面简单的做个设计，顺便展示下你的设计水平。
设计师帮你学会实用的结构化设计思维
这期文章，我想引入一个知识点：结构化设计思维。这篇文章是在我拜读《结构思考力》这本书之后的想法，并结合自己的设计经验将一些在工作中用到的方法做一个系统的归类。很多同学在进行设计的时候往往知道设计方案却无法系统和结构化，这导致了当设计目标和场景变化的时候就无法将设计运用自如。比如针对目前公司的产品，你可能很快就能出几个设计方案，这时候让你换一个产品做设计，你会发现无从下手，好的方案更是偶然性事件。结构化设计思维能帮助你产出多目标，多环境下不同的设计策略。好，那么下面将分为3块内容讲述一下本文的核心观点。1. 什么是结构化思维结构化的思维是我们人本身的职业思维方式，这种思维是我们思考(解决问题、决策)和表达(写作、表述、沟通)等方面的一种基本思路。结构思维的核心理念源于芭芭拉·明托的《金字塔原理》一书，纵向结构上，每一组观点都必须是其下一个层次观点的概括，每组各个观点互不重叠且有一定逻辑顺序。通过这样的结构思考，我们就可以在一个抽象的设计目标下快速抓住主题和主旨，并理清步骤，将方案落地，提出一个合理完善的设计方案。结构化思维的4个特点：结论先行、以上统下、归类分组和逻辑递进，下面用一副简单的图来表示结构。下面再举个简单的例子，让你描述一个女人，首先我们要下一个结论，比如这个女人很美，那么她身上什么地方让你觉得很美，我们可以分为外在美和内在美两部分，这两个观点让我觉得这个女人是美的。那么分别再从这两个观点中找出其对应的几点理由去支撑你的这个观点，比如精致的五官，完美的身材，气质的装扮，说明了这个女人的外在美。尊老爱幼，温柔体贴，勤俭持家说明了这个女人的内在美。如果说再说的细一点，比如完美的身材这个理由是由几个数据来论证的：170的个子，九头身，三围的数据等等。
资深设计师带你学习设计色彩三要素
作为一个刚入行的新人，你是否会常常被以下问题所困扰呢?我参照了模板，为什么最终效果很别扭。为什么我的页面总是花哨?大多数时候，是因为元素间的色相，明度，纯度调和不合理所致，今天我教你如何运用基础的色彩三要素，解决这些问题。注：说到色彩，优设一直在跟上潮流，比如2017年的潘通流行色，刚发布不久，优设就有了相关的介绍和运用方法，想不落潮流的同学。下面我从最基础的色彩三要素讲起。一、色彩三要素色相即每种色彩的相貌、名称，如红、橙、黄、绿、青、蓝、紫等。色相是区分色彩的主要依据，是色彩的最大特征。明度即色彩的明暗差别，也即深浅差别。色彩的明度差别包括两个方面：一是指某一色相的深浅变化，如藏蓝、中蓝、浅蓝都是蓝，但一种比一种浅;二是指不同色相间存在的明度差别，如六标准色中黄最浅，紫最深，橙和绿、红和蓝处于相近的明度之间。
实例解析夜间模式设计的通用方法
你有没有在夜间使用移动设备的习惯？你觉得QQ现有的夜间模式亮度在使用时是否舒适？为了能够更科学的验证我们的设计，我们通过对比度分析、尼特值测试、色彩亮度和色彩通用性等维度去设计界面，并总结出一套优化方法来分享给大家，相互启发。我们为什么要做夜间模式？1. 用户调研显示：57%的用户想要使用夜间模式，71.1%的用户习惯在夜间不开灯看手机在ISUX北京调研小组的帮助下，我们针对移动端QQ界面夜间模式进行了调研。从2000多份问卷数据中分析发现，用户对夜间模式有明确需求，且多数人在无照明下使用软件。2. 用户反馈现有界面夜间使用时刺眼，低亮度时界面文字不清晰调研发现，现有界面用户在夜间使用时感觉刺眼，长时间使用会感觉眼睛疼痛。部分用户认为文字看不清，辨识比较费眼。3. 用户期望更暗色 、更能保护眼睛的夜间模式设计从用户对夜间模式的期望来看，他们希望主体界面的颜色更暗，能够更加持久地使用软件。希望我们设计师，能够设计出更加保护眼睛的夜间模式。我们如何设计夜间模式？
详细解析最成功的四大经典排版案例
最经典的排版，都是经得起考验的。符合人的审美观的。我们都曾努力得去打破它，后来发现他们是最能够表现作品，作者意图的方法。第一种: 文字让位图片在设计中，文字是一种辅助的告白，相当于是解说的意思。人们最想看的还是图片变身。过分的去抢占图片的位置和份额，是不可取的。这几张图片，都是以图片为主，排版主动让位，给人一种非常舒服的感觉。第二种：文字随着视觉走就是说图片中会引导人的视觉。如果文字更跟上视觉，本身就会产生一种动感。而文字本身的重要性也就明显了。
详细解析海报设计中的字体标题设计技巧
slogan(标语)是所有设计重中之重，它所强调一个活动或是一个产品最为突出的特点，所以今天给大家带来几个炫酷的案例，希望同学们能盖特(get)一些细节的技巧。一大波slogan正在靠近......案例一啪啪啪，把UE给的slogan敲好。让我们see一下slogan，主题背景应该是圣诞节，送福利，乱high。主标题貌似有点长，我先给文案排排版，变变形。我们先把文案主标题、副标题层次拉开，字体的话，我们用一个有衬线字体，更贴合圣诞节feel。
5个技巧设计出富有吸引力的圣诞专题
说到圣诞节相关的设计，估计大部分正常人想到的都是白茫茫的雪地里，一位和蔼可亲的圣诞老爷爷驾着驯鹿拉的雪橇，背上还有一个大袋子，袋子里面装满了各种各样的礼物，这些礼物会被挨家挨户地送到需要的人手里，这么样一个场景。之所以我们会有这种固化的思维，是因为圣诞节本来就是国外的节日习俗，我们对它的了解其实还是比较少，那么，能不能多一些开阔思维，让我们的设计更有意思更具吸引力呢?今天我们就一起来聊一下这个话题好了。再开始这个话题之前，我还是要带大家回顾一下拿到需求后，我们如何发散思维，做思维导图，寻找灵感。1、拿到设计需求后，我们该如何做寻找设计方向呢?再讲这个话题之前，我还是先拿以前的一个需求作举例，比如，马上圣诞节要来了嘛，有一款不是大品牌的口红需要做活动(你就假想是网红要推出的一款口红好了)，文案如下：活动主题：惊艳圣诞Party大标题：够红才够女王范儿小标题：口红新品/限量发售定位分析，先理解一下这个活动要表达的几个意思：(1)这是圣诞节活动;
5款设计技巧帮助您成为资深设计师
习惯是一种很强大的力量，它无形中可以改变你的生活方式，工作方式。良好的工作习惯可以极大地提高工作效率和专业能力。新人设计师刚开始从事设计行业，在工作中养成一些良好的习惯可以快速成长，提高工作效率，接到需求的时候不会那么迷茫，不知道从何下手。今天我们来谈谈新人设计师在工作中需要养成的5个好习惯，仅仅是个人在工作中总结出来的几点经验，我自己也有很多做不好的地方，若有说得不对的，欢迎一起讨论，共同成长。【文中所有案例均来源于网络，版权归原作者所有。】养成整理并且归类素材的好习惯设计师经常在网上浏览别人的作品，有时候同事也会共享他们的一些作品。看到好的作品，我们通常觉得很心动，心想别人怎么能设计得这么好看!于是鼠标右键另存为，默默保存了，希望下次自己做图的时候能参考一下。日积月累，我们收集的作品越来越多。设计风格有那么多种，如果今天我们接到一个需求，要做成文艺的风格，我们想参考一下之前自己收集的别人的优秀作品，从何而找?收集的作品又多又乱，找起来是非常浪费时间并且极大地降低了工作效率。所以，整理并且归类素材是非常重要的。如果你的归类做得好，你在接到需求的时候就知道要从哪里找灵感。下面是我花瓣主页的一部分截图。我把平时收集到的一些作品的风格进行了分类，分为活泼、时尚、体育、科技、传统等等风格。当我接到需求的时候，先明确这个需求是要做成什么样的风格的，再从我分好类的作品当中去找灵感。这样就会提高工作效率。例如，下面这些案例的风格可以归类为体育风。当你要做一个体育类的需求，就可以从下面这些案例当中去找灵感。
教你3步快速搞定Slogan的文字排版问题
我们在平时接到需求之后，总会涉及到关于slogan(文案)的排版问题，那么如何快速的梳理文案的层级，对slogan进行快速的排版呢?今天给大家分享一些自己在slogan排版这块的小经验，希望能够对大家有所帮助。那么通常在拿到slogan之后我们第一步应该做什么呢?01. 用简单的对比将slogan的层级体现出来这种文案给的比较清晰，本身就可以很直观的进行判断文案的层级，所以很容易得到以下排版：那是不是所有的slogan都像上面这样给过来的时候有着清晰的划分呢?我们再看看下面这种：如果按照我们上面的理解，是不是应该把“刀剑英雄跨年特别活动”作为主标题，“跨年送惊喜 红包领不停”作为副标题来处理呢?并!不!是!一般情况下，对待我们拿捏不准的slogan定位的时候，最好的方法就是跟需求方那边去确认下slogan中的文案层级，究竟什么是最重要的。经过跟需求那边沟通，了解到这句slogan的层级关系如下：