轩枫阁

首页 / UI设计 (第3页)

虚线的画图(图片版教程)

虚线的画法

在实际绘图中我们总会用到许多虚线,比如UI设计里的分割线,边框等,在这里和大家分享一下虚线的画法,软件为photoshop,工具为画笔和铅笔。有一些功能需要在photoshop cs6里面才能实现,请提前安装好软件随时验证。

小Tip:本文为图片版教程,请点击图片查看大图,再点击左下角download查看原图 查看全文

2013/12 14  周六

色彩提取及应用技巧

选择色彩是有一些技巧的,一部分是怎样提取合适的色彩,一部分是怎样应用提取到的色彩。

一、怎样提取合适的色彩

主要用到PS中的一个功能:存储为WEB所用格式

快捷键:Ctrl+Shift+Alt+S

如图(点击图片查看大图):

fgjhg

这里分成2个步骤

1. 找图

关键步骤,确定自己想要的风格,找大量的符合风格要求的图片,进行筛选和对比,选出符合自己要求的几张图片开始色彩的提取。 查看全文

2013/12 14  周六

推荐一款设计稿工具-Markman马克鳗

简介

马克鳗 (MarkMan)是一款十分便利的长度标注工具,主要用于标注,极大节省设计师在设计稿上添加和修改标注的时间,让设计更方便。

马克鳗使用起来也是非常简单,双击添加测量,单击改变横纵方向等等功能,基本都是一键完成。 马克鳗是基于 Adobe AIR 平台,可以跨平台使用,减少了在不同平台使用产生的一系列问题。

用处

  • 前端在设计页面时,这是一个能提升效率的工具。PS切图之后,这个工具就派上用场了。
  • 小组开会讨论时,这是一个很好的会议记录工具。在图上记录,直截了当。

功能

测量长度、获取坐标、吸取颜色、文字标记等 查看全文

2013/11 05  周二

2013年10大Web设计趋势

在2012年我们看到的几个Web设计趋势中,最显著的要数响应式设计了,而现在2013年的鸣钟敲响了,让我们大胆预测一下2013的Web设计趋势。

1. 更多的响应式设计

虽然响应式设计在2012年被提的比较多,但是响应式设计仍然在不断变化,不断创新。比如,新的设备不断出来(iPad Mini),这让以前的设计想法土崩瓦解。而现在各种Web的响应式设计也获得了越来越多的注意,“让人们忘记设备尺寸”的理念将更快地驱动响应式设计,所以Web设计也将迎来更多的响应式设计元素。

11-21-18-41

2. 排版将变得很重要 查看全文

2013/05 28  周二

GIF,JPG还是PNG?WEB开发中合理选择图片格式

前言

从某种程度上说,判断一个网页设计师是否优秀,可以从其在WEB开发(或网页设计)中是否合理的采用各种图片格式得出结论。事实上,或许所有人都知道图片存在GIF,JPG和PNG等格式,但并非所有人都知道它们之间的具体区别和使用技巧。

接下来,代码吾爱将给大家介绍:WEB开发中几种最受欢迎图片格式的前世今生以及如何正确的使用它们。

1.JPEG

JPEG格式是一种大小与质量相平衡的压缩图片格式。通俗一点讲,就是:高的压缩比=低的图片质量=小的文件大小。反之,低的压缩比=高的图片质量=大的文件大小。由于JPEG文件无法保持100 %的原始图像的像素数据,所以它不被认为是一种无损图像格式。

用途

由于这种极其敏感的平衡特性,JPEG非常适合被应用在那些允许轻微失真的像素色彩丰富的图片(照片)场合。反之,JPEG格式图片并不适合做简单色彩(色调少)的图片,比如LOGO,各种小图标(ICONS)。

2.GIF

GIF格式,是为使图片能够应用在在线(online)应用程序上所特别开发的图片格式。Gif,有时也被成为“Giff”,是一种无损,8位图片格式。“无损”是指100%的保持原始图片的像素数据信息。专业名词“8位”是指,所能表现的颜色深度——一个8位图像仅最多只能支持256种不同颜色(一个多余256种颜色的图片若用gif图片保存会出现失真)。 查看全文

2013/05 13  周一

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]