分类: 设计

分享一些视觉方面的文章

  • 墨迹天气手机界面插件作品

    墨迹天气手机界面插件作品

    天气图标大家见得不算少,我这也不例外,只是在一些细节方面怎加了一些想法跟感觉的东西,有一种尽量不要跟其他人做的一样的心理左右着。插件的两个展示方式上面花了一些功夫想到如何区别大众又如何脱颖而出。

    注意力难得集中一会,主要集中在18点到19点之间,因为这会算是自己的时间等待着19点的回家班车,这样一来陆陆续续用去了半个月的时间,其实最主要的目的不在这,而是想捡回这一年丢失的东西……

    墨迹

  • 地图icons

    地图icons

    源文件下载:PSD

    地图ico

    进入地图这块一年多了,做来做去无外乎这些东西,摆来摆去!最后变成了地图行业风格都是兄弟产品,用着高德地图像百度,用着百度地图像谷歌,反正都很像,6月份做了一个版本虽然未被采纳,到现在已经半年多了拿出来晒晒,大家都在追求扁平啊拟物什么的,其实还是原地转圈只是换了个角度看到了风景不一样罢了。该设计提供了PSD希望大家喜欢

  • ps如何提取手绘线条

    ps如何提取手绘线条

    今天堂妹发信息问我扫描的线描稿怎么在ps中上色,线条还得不压盖线条,这让我记起在大学的时候搞动漫的同学们,他们都知道这个方法,其实这也是漫画制作的第一步,如何提取手绘稿的线条,我的印象已经很模糊了,根据现在对PS的了解使用以下这个方法希望能够帮助大家。

    第一步,自然是将手上的手绘通过扫描或者拍成照片保存到电脑使用ps打开改图。

    1

     

    第二步,打开通道选择蓝色通道复制通道,通过图像调整为反相,得到黑色背景白色线条的一张图标调整曲线将其调整到想要的线条精细度。

     

    2

    第三步,点击蓝色副本得到选区用快捷键ctrl+c复制选区

     

    3

    第四步,点击rgb返回到图层功能,新建立一个图层粘贴选区就会得到一个纯线条稿的透明图层。

     

    4

    第五步,这个时候就不用我继续往下说了吧,添加背景,上色即可。

     

    5

    如果有更好的建议可以留言给我,大家相互学习哦

  • ps杂论一篇

    PS! 干我们这个行当的在熟悉不过了,但是同样做视觉却由于分工及内容的不一样可能常用到的工具自然也会不一样,拿我来说,做客户端的时候比较多,用的ps矢量工具组与选择工具非常的多,而其他那些位图工具用的不多,不过大部分功能、快捷是必须知道的,干活之前先帮大家检查以下ps设置,第一次使用ps先得确定好单位与标尺,这里一般我会将文字标尺单位调整为像素 ,另外一个就是网格线也是很有帮助的,可以适当调整以下间隔有利于接下来的设计,然后是窗口,这个根据自己习惯,而我常用到的只有图层与字符其他功能使用快捷键来完成,另外一个关键就是自定义快捷键,我有一个体会,就是当我到一个新设备时候发现快捷键都不是我想要的,使用起来也非常麻烦,那么就得根据自己的习惯定义一套快捷方式,大家别多想不是全部,而是例如对其方式这种经常用到却没有定义过的功能,我是这么干的,或许对你有所帮助,提高效率,这里根据我做客户端设计挑选几个非常不错的快捷方式及工具跟大伙分享一下,我会在标题后面加*来表示该功能的重要性,如有讲述的不好还请见谅!

    1、复制动作路径**
    自由变换的附加用法这一条有点老调重弹了,不过估计肯定会有不知道的,这里再提一下,Ctrl+T进行自由变换过一次后,用Ctrl+Shift+T可重复上次的变换,用Ctrl+Shift+Alt+T可实现复制本体并重复上次变换的效果,如图。
    lj-1
     2、钢笔工具-垂直转换折点*
    在使用钢笔工具时,按住鼠标拖拽节点时按下Alt,即可实现操作当前单个节点实现垂直转折。

     

    lu-2

    3、选中锁定图层*

    锁定的图层有时候是需要被选中的,这个时候只需要按住Alt就能选中被锁定的图层,不仅如此它还能进行操作如:合并图层。

    lu-3

    4、复制形状*

    在实用适量工具的时候需要快速复制路径,我见到有些同学使用复制图层等方法,其实非常简单选中你要复制的形状使用Ctrl+J会快速复制一个形状图层

    5、全局拖拽**

    按住空格键拖拽画布,这个大伙都知道,但是有时候在设计细节的时候需要回到全局视图看效果我常用ctrl+1,但又要回到细节的部分呢?这个时候你会发现非常的麻烦,而全局拖拽使放大到很大比例仍然能瞬间让视图到达画布的任意位置。只需要按住空格键将鼠标变成小抓手后,再按住一个“Z”,然后按下鼠标——这时你会发现视图瞬间回到了全局,鼠标则变成了一个小方框,小方框就是你当前所能显示到的区域,这样在快速的设计过程当中会非常的实用。

    li-4

    6、拖拽加速*

    在画面无法完全显示的时候,需要选择遮挡部分的图层时按住shift会快速移动到遮挡的另一边。

    7、反向图层

    有时候做了一堆的图层排列发现需要倒序排列这个时候你可能需要一个图层一个图层的去移动,这里为大家提供一个更简洁的办法,图层—排列—反向,搞定,也可以在两个图层之间相互移动。

     

     

  • adidas

    adidas

    鞋很多人都做过我也有看过,但是不知道是不是我最先把鞋扁平化了,至少网上还没有看到,既然做那就做全,阿迪、耐克、匡威等,想想我做的厕所是不是还得继续……

    茅坑

    maoken

    以上的不知道是我做的不够形象呢还是大家不认识,在我们村子里面都是这样的蹲坑,挖一个大坑,上面放上一排木板中间留的大一些便于便便好了不说他了,下面给大家整体的阿迪的鞋鞋们,凭着对鞋的配色造型的喜欢做了一些自己喜欢的鞋子们希望大家喜欢

    adidas

  • 导航条的核心

    导航条的核心

    分享一下我在《高德之声》第二期上面的一篇关于导航条的文章,呵呵有些班门弄斧了,就当做一个工作总结吧!至少在第二期里面算是最有价值的文章之一吧!如今拿出来晒晒,希望对网页设计师们有一丢丢的帮助吧!

    导航条的核心

    在日异月新的IT行业里,我们一直穿行在各种混杂的行业里面,因为我们实在是微不足道,大家也知道,这是一个吃青春饭的行当,他需要敏捷的思维与创造力,还需要非常的抗压能力,那就是网页设计师,在整个IT行业里面我们被称之为“美工“这绝对不是一个褒义的名词,随着年龄增长一批替换一批,我也不例外。在此将自己所掌握的一些心得与同行的朋友们分享一下,以下是我总结各类网站关于导航条的一点心得,希望各位同行们指正学习。

    导航条也算是整个网站的开始,也是整个网站的导航,那么我们就从导航条开始,以下主要介绍一些我们经常使用的导航条样式,在这些样式中,HTML结构都是尽可能的保持一致(绝大部分导航条的HTML结构是一模一样的,具体结构如下:

    1

    在上面的HTML结构中,.nav 表示当前容器为一个导航,ul或者ol都可以作为导航的链接列表容器,.active表示的是当前页的链接,.first和.last分别表示第一项和最后一项。
    这样我们得到了基本导航元素,这样的公共类我们给他一个共同的样式 .nav,让这个类下面所有的 ul 与 ol 都实现 横向导航条的布局,CSS代码如下:

    2

    这样我们得到了横向导航条的基本布局,然后我们再给他样式,很多为css3样式,虽然IE这些不符合标准的浏览器还在统领中国浏览器市场,但相信有一天,终究会被取代,因为社会是向前发展的。

    我们来看看效果3

     

    样式表:

     

    4

    效果2

     

    5

    样式表:

     

    6

    效果3

     

    7

    样式表:

    8

     

    效果411

     

    样式表:

    12

    效果513

     

    样式表:14

     

    例子太多,不一一举例了!亲们看懂的举手!

     

     

  • 密码保护:移动12585

    密码保护:移动12585

    此内容受密码保护。如需查阅,请在下方输入密码。

  • 密码保护:高德交通简报

    密码保护:高德交通简报

    此内容受密码保护。如需查阅,请在下方输入密码。

  • 密码保护:高德交通

    密码保护:高德交通

    此内容受密码保护。如需查阅,请在下方输入密码。

  • 天翼导航

    天翼导航

    这几天连续搜刮这些东西也是想对以前的工作做一个总结,去年起因为换服务器我的大量数据丢失,从那天开始我计划将此作为摄影作品的博客顺便夹杂一些个人的唠叨。

    来北京接近四年在进入amap团队的这一年我荒废手上的功夫,全身心服务各种打杂的工作中如建立共享平台、切图、与开发沟通、追还原度以及设定规范等这个貌似又谈到过,一个版本接着一个版本眼看这一年即将过去打杂的工作还在继续总结总结吧!

    天翼导航iphone版首先得感谢攀总对我的支持,他叫李攀我运营商事业部的总监,为人随和在一段空档期让我自己对天翼导航的移动端进行一些优化,让我从写调研开始,我一直认为我的初中水平难以见人,他却一直鼓励我直到我把竞品与设计做完!一个偶然的机会电信总部来这边开会,总监让我拿着竞品与设计在领导面说一下自己的想法跟意见,我也不知道我是怎么做到的,只记得电信领导说:讲的不错也很到位,胆子挺大的说话也很直……!接下来的一个星期总监告诉我电信认可了我的设计方案可以考虑其他的模块设计了,我非常的高兴……

    这也是我正式迈向移动端的第一步!虽然现在看来有很多的缺陷,也不在符合现在的潮流,但我任然觉得它是最好的,因为每一个细节都带着我的思想。

    从闪屏开始吧,快端午节了,总监让我做一个闪屏说到传统气息重一些!我立刻就答应了,一回到家立刻拿起毛笔写了端午两个字!我自知书法功底很弱但是一两个字的章法因该还是可以把握的,写完第二天拿到公司用手机翻拍上去偷偷的用在了这次闪屏的上面,如果不仔细还以为是名人写的,画是完全的临摹希望大师体谅晚生因该可以原谅的

    天翼导航APP下载

    sp

     

    接下来自然主界面了!我记得那个时候amap(高德地图)是当时地图行业最NB的自然在这个公司里面也是我们最想去的团队,为了保持风格的统一我也同样采取了深灰色考虑到天翼导航安卓版的大蓝色我做了一个结合,不细讲大图奉上。

    经典闪屏

    IMG_2282

     

    主界面

    wz

     

    更多功能

    gd

     

    图层功能

    tc

     

    导航功能

    IMG_0834

    天翼导航APP下载