by ·0评论

最近被甲方客户虐的体无完肤，反复的修改，反复的推翻，在加班空隙之间，正好想到把手上案例拿出来分享，简单介绍一下方寸之间的复杂交互是如何实现。首先看图：

 

 

这块筛选条件逻辑如下：

  1. 先判断有多少条件，如果大于两条，就只显示两条，多余部分隐藏起来，在页面正中显示向下箭头图标；（图1）
  2. （接上条）在只显示两条条件情况下，点击向下箭头，显示所有条件，并把向下箭头改为向上箭头；（图2）
  3. （接上条）在显示所有条件情况下，点击向上箭头，收起到只显示两条条件，箭头仍保持向上；（图3）
  4. （接上条）在只有两条条件且箭头向上的情况下，再次点击箭头向上，就可以完全收起条件区域；（图4）
  5. 条件分为两种情况，正常情况如（图1）第一行“机构级别“，在一行中罗列出所有属性，超出部分隐藏截断，点右侧的”更多“或”多选“按钮才能展示；
  6. 条件的另一种情况，数据海量情况如（图1）第二行”调度机构“，那就按首字母 A~Z 方式，给条件的属性做分类；
  7. 条件的属性选择之后，会在条件区域下方出现选择结果，如（图3）文本框上方，并可点叉叉取消刚才的选择；
  8. 模糊搜索文本框在输入文字时，每输入一字，会罗列出所有首字同输入内容的属性，如（图4），这叫”文本框智能提示“；

 

现在看到的图片配上文字，也许能清楚的说明这块区域的功能，但实际工作中，很难用精准的语言表达清楚要做的事情，所以前端工作量蔓延主要在与这里，经验丰富的程序员会事先把风险点列出来，讨论后再进行工作，新手只能步步趟雷，祈祷好运。

如何解决这个问题？那就需要专业的人事先做好规划，专业人员可绘制出可交互原型（推荐Axure或Visio软件），普通用户可直接在纸上或word中绘制，并在边上加上注释。

为什么要给这样一个区域设计的如此反人类，只有四个字”用户体验“。我个人并不是很喜欢这种交互方式，网页中各个元素互相争夺视觉焦点，其实设计最高境界是”少即是多“，如百度的首页。

正好借这个机会普及下软件（网站）开发的几个岗位：

  1. 写出上文逻辑条件（1）~（8）文案的角色是产品经理
  2. 能用 Axure或Visio画出交互图的角色是交互设计师
  3. 能画出漂亮效果图（1）~（4）的角色是界面设计师（UI、美工）
  4. 能把这些图片转换为HTML页面的角色是前端工程师
  5. 能接入真实的后台数据，并上线让用户看到效果的角色是软件工程师（程序员）
  6. 做好了看看有没有问题的角色是测试员；
  7. 上面每件事都懂一点的是项目经理。
  8. 当最不能忘了最后拍板、掏钱的幕后黑手，甲方！

 

by ·0评论

最近一段时间在做图表，因为用色的随意让自己吃了很多苦头，抽时间整理出一套标准出来，方便日后使用，也算是一个小的技术成果。

by ·0评论

最近我们领导刚报了一个南京大学的MBA，让我给他设计个班徽，我没多想就答应下来，一来我想挑战下难度和练练手艺，二来也是给领导个面子拍拍马屁，呵呵。

前年我一高富帅朋友报名南大MBA，3年大概要16万，我还去蹭了几节课，讲课内容映象不太深，但课堂气氛和学员课间讨论给我留下非常深的映象。今年报名各方面费用算下来3年大概22万，看样子MBA学费平均每年的涨幅在10%左右，想学的人算算，是你存钱速度快，还是学费涨的快。（当然，要考虑这问题的人，就不必报名学MBA了）

当然，学费是和学校的知名度相关的，有贵有便宜，马云的湖畔学院​​​ 28 – 36万，长江商学院 40万，南京大学MBA 22万，南京工业大学MBA 8万左右。

费话不多出，先上一张别人班做的图片，他们是B班：

下面两张是我做的A班

by ·0评论

最近和妹妹聊天，我开玩笑说她拍的照片有种浓浓的乡土气息。

为了让帮她未来拍出女神范（主要想让她心服口服），我就用这篇文章做教程，给大家介绍一下平时拍照的注意事项。

 

（1）光线不足或曝光过度

在浓密的树下或楼房下拍照，因为光线被树木遮住，就容易造成光线不足或有光斑，这样拍出的照片有种阴森的感觉。如果强行提高曝光，就会造成白过度。

建议：站在树林的入口位置，让阳光柔和的落在身体上，树木做背景，美白又自然。有条件可以用反光板或手机开灯补光。​如果能有在浓密树木中找一个阳光投下的缺口，站在中间拍照就会有一种天使降临的感觉。（可用PS追加）

 

​（2）拍摄道具要选好

 

​第一张图，两个汉字把你的想法出卖了

第二张图，​用乐器做道具非常好，能互相衬托，但你这照片一看不会弹古筝，手法不对。大家要注意的笛子、吉它、小提琴等乐器的握法，以免让懂行的人立刻能看出是摆拍。建议简单学一学乐器基础，大概半小时就够了。

第三张图，​呵呵

第四张图，娃娃不错，只是标签露出来了​，是宜家19.9元吗。

选道具就是一个原则“借用气质”，握扇、壶、串、书喜文、握拳、伞、拐、器械喜武，车、鞋、帽、坠喜潮，玩偶、水杯、手机、背包喜轻松。

还有就是如果衣服色和道具的颜色要互补，比如森系女神可以选跳点的颜色。​

 

（3）​构图有问题

这个要一点美术基础的才能明白，比如黄金比例、视线焦点、水平线、​消失点等。我用图片说明。

​第一张，微笑面壁思过型。照人相时，注意人的脸和眼神的方向，要让脸和眼神有舒展、放射的空间。

第二张，人小景杂型​。这张图只要做一下裁剪，只留左下1/4部分，就算是张不错的照片。

第三张，​眼神空洞型。如果这张照片在左下ＰＳ一个蹲着抽烟的男人必火，花样年华啊。（这张衣服不错）

​构图的方法有很多种，很难一一说明，简单说几个技巧，人不要在正中，也不要特别是帖边，在0.618左右的位置，黄金比例。如果有河、路、屋檐，要把这些景像的照的水平，但不要正好把照片一分为二，显得死板。背景要干净，我下面会详细说明，如果能有大块颜色就更好了（比如下图）。

​这张颜色不错，但水平线不平，显得照片像一边歪，可以用ＰＳ ctrl + T 微调一下，再按Ｃ裁剪掉1/4 就不错。是个好照片的底子，一般婚纱照刚照出来就是这种水平，只要底子好，就可以精修。

（4）表情、眼神、肢体语言不自然

第一张，脸上有疲态，拍照片是个体力活，拍久了会累的，有经验的摄影师发现主角状态不好，会停下来休息一会。最简单的方法是口袋里放点零食，包里放点饮料，累了就吃点喝点。

第二张，身体不自然、​花不自然、背景不自然。建议淘宝上买点古装，去一些古镇景点一顿自拍，花的钱不到影楼的一半，还出去旅游一趟。

第三张，眼神！心灵的窗口。

​如果遇到类似的照片，就不用考虑直接删，没有修复的可能，拉底整体形象水平。

造型可以摆，但有一点身体要端正，头、手、脚都可以自由发挥。

如果想笑就笑的开怀一些，真诚的笑容是可以在脸上停留三秒以上的笑容。

严肃也可以，可以让照片显得深刻、专注、用心。

总结一句话，自然！​

 

（5）​背景杂乱

​第一张，可以让拍照的人向左走两步，只拍右手黑色展架，并且避开后面的卖家和客人。

第二张，​如果你想拍靶纸，就在一个空白的地方拍。如果想拍警察叔叔，可以加一点小互动，比如身边侧一侧，用手指偷偷的指向他，而且红色柱子把照片劈为两半。

第三张，​​雕像的头像被切一半，这是照片大忌，也是一种不尊重。可以让拍摄者蹲下身子，从下往上拍，女主角身体微向前倾，这样女孩会显得修长，建筑也会显得高大。如下图：

 

 

（6）别被不相干的人和东西抢了视线

这组照片，我只记住那个男人的脸，最可气的，这个位置是螺旋焦点（如下图）。

 

 

 

（7）衣服的选择

我不是太懂衣服，但得体漂亮的衣服就能让人很上镜。图片的女主角明显比较年青，但这身衣服显得有点过于成熟和风尘，和气质不太搭。我觉得年青还是多拍些轻、薄、柔的衣服显得年青活力。​

有此衣服不一定好看但比较上镜。​​比如：

 

 

 

（8）避免修图痕迹过重

其实这张照片没有什么问题，但给人一种感觉，假。

因为虚化的痕迹过重，还是自然点好。​这张照片背景比较干净，人也在正中心，只要把整体把明度和对比度调高点即可，不用修图。

就简单的介绍到这里，想哪说哪没做计划，文字粗糙粗爆实在不好意思。

两个简单的方法，能让朋友圈B格提高，喜欢发9宫格的朋友，五张风景或场景、三张特写，一张不经意中的自拍，什么叫红花绿叶，就要那一点不同。

或让周围人拍一些你在忙碌或专注时的照片​，比如学习、做饭、坐公交等，看起来像不经意的样子，其实都按了几十次快门被选出的一张，因为真实才美。

最后，补充一下，妹妹还算是个美女，发几张漂亮的照片鼓励一下。

今天损你蛮多，有机会全家出去玩，帮你拍几组美美的照片，给你陪个不是。

 

​顺便帮妹妹征婚，26岁，英语老师，南京工作，生活朝九晚五，品行端正。求条件相仿男孩，可私信我博客。

by ·0评论

晚上刚做完兼职，准备关机下线，我弟弟微信上凑上来了和我套瓷，我心想一定是没好事。

他先是给我看看他们做的海报，说让我给点意见，说着说着就让我帮他做，都是套路，呵呵呵呵。

真是好久好久没做正经设计了，没想到手还没太生疏，一气呵成。

下面是他原来的图片

此图构图呆板，主题不明确，文字难辩识，模版痕迹太重，红色显土气，黑色显沉重。建议此类图推翻重做，不必纠结。