One Bill::check bills

/

下午把选日期的内容补上了,等实现出来就能上线叻。

这两天改一下之前那版的设计规范 T.T 距离上次发项目已经过好久了。

+

曲绘*2

+

对于你走完的路感到骄傲,对于你可以走多远感到自信,但不要忘记享受旅程。——Michael Josephson

天啊这句话简直了。是真真切切地,每一句都说到点上了。突然非常、非常想要哭泣。承认吧,我真真切切地羡慕和向往正在努力的人。


+

读书笔记 / 信息架构:超越 web 设计 / 3

最后的部分,讲实际操作,像是研究过程、交付物一类的。

这本书终于看完了,对于信息该如何更有效地组合确实有了进一步的认识……(即使如此现在的认识程度也不算深)

但也满足最初开始看这本书的目的了。

---

信息架构:超越web设计

Information Architecture: For the Web and Beyond, 4E


第十一章 研究


无视商业现实和忽略用户一样危险。……重要的是要认识到为你的项目争取认同和支持的价值。

你必须非常专注于如何占用别人的时间,并了解谁可以回答什么问题。

……有时,了解未来最好的方法就是挖掘过去。比较...

+

读书笔记 / 信息架构:超越 web 设计 / 2

过了大概两周才看完第二部分。

5~10章,讲述信息架构的组成内容;了解到了很多新概念,也发现即使是现在,仍有那么多“不可见”的内容是自己从未在意过的。

---

信息架构:超越web设计

Information Architecture: For the Web and Beyond, 4E


第五章 信息架构详解


一个精心设计的信息架构对用户而言是不可见的(对成功的信息架构来讲,真是很不公平的奖励)

优良的信息架构被设计为预测用户的这种使用(跳到其他相关内容);Keith Instone 简单又实用的 “导航压力测试” (Navigation...

+

读书笔记 / 信息架构:超越web设计 / 1

暑假的时候被推荐O`REILLY系列的书……就从这本开始看吧。

以下是第一部分,1~4章。

---

信息架构:超越web设计

Information Architecture: For the Web and Beyond, 4E


第一章 信息架构要解决的问题

数字体验是由信息构成的全新(且真实)场所;设计的挑战在于让它们在多个场景中保持一致。

一致性是普适信息架构的重要组成部分——这里的一致性,是指在多个渠道和场景之间所体验的一致性。

有效的信息环境在结构一致性(高层次的不变性)和柔韧性(低层次的灵活性)之间取得平衡。...


+

组内分享 / 快速排版

在组内meet up的时候做的分享。

选这个内容是因为刚迅速做完几个ppt,

觉得不怎么重要的功能性ppt对视觉没有需求;但自己又不能容忍太丑。

就分享一下自己的套路叭。


+

每周文章推荐 / chrome、动效速度、纪念碑谷

整合一下每周看到的觉得有意思的内容,UI/UX相关。

可能包括蛮旧的文章。

---

每周整理 - 0923


#### 文章

Unboxing Chrome

https://medium.com/@san_toki/unboxing-chrome-f6af7b8161a2

对chrome的omnibox(地址输入栏)进行redesign。

过程严谨、考究。与品牌相联系是一个亮点。


1. 需求出发:为什么需要redesign?

Because hidden inside this box was the world’s most sophisticated...

+

海上生明月,天涯共此时。

+

个人笔记 / Human Interface Guideline

---

*这只是个人笔记,留档备自己索引/回看。会有很多省略的部分。

--

Human Interface Guidelines


iOS design theme

  • clarity清晰:层级清晰内容清晰主次分明

  • deference遵从:符合用户期望、突出内容

  • depth深度:交互反映层级

Clarity. Throughout the system, text is legible at every size, icons are precise and lucid, adornments are subtle and appropriate, and a...

+

个人笔记 / Material Design

---

*这只是个人笔记,留档备自己索引/回看。会有很多省略的部分。

---

Material Design

介绍

综合设计原则与科技革新的设计语言。

提到了三个部分:material system, material foundation, material guidelines.

  • system包含工具和组件库

  • foundation则是文字和icon等基础元件

  • guidelines即规范,如动效、样式等规则。


foundation

environment - surfaces

material surface分为:

  • rigid surface...

+

实习地方的同事问: 以后准备发展交互,还是视觉呀?
……
两个都很感兴趣呀,我这样回答的。确实,两个都很感兴趣呀。哪个都想要提升……

会有那样一天,一定要做出选择吗?

+

One Bill :: 添加账单

/

一个记账类的,第一次做iOS端……希望可以做完上线(。)

拿principle简单糊了一下动效,虽然不支持XD但好在定位方式是一致的,手动导入。

尝试了支持直接xd导入的protopie,发现带阴影的形状导入进去就变成图片了……要你何用……

+

5 Things To Do Differently About Your Product’s UX

Does it better will always beat did it first.


5点包括:

- 创造经典

- 专注于关键体验

- 给更少的选择

- 不要盲目模仿

- 每个功能都有意义


讲了一个故事来描述 UX under stress moments,以及好的体验的重要性。


Whenever you see big companies doing something, and they are successful...

+

Are breadcrumbs still fresh for UX?


And yet despite these changes and new challenges over the years, the job of the UX designer has remained the same: Present information in an easy-to-find, easy-to-consume way.

将信息用一种易于寻找且易于消费的方式呈现。


作者决定研究面包屑这一广泛使用的组件。他从提出几个问题出发,并以此为线索进行他的调查。于是他调...

+

断点延线 : : 004

-

DONUT HOLE

-

一直都很喜欢这首歌……!前天又拿出来循环了,于是就做了这个。

本来想做印象临摹版式的,但还是会因为“这样会不会更有趣”于是尝试其它的版式……根本没办法临摹啦!

用C4D糊的甜甜圈。其实意外的还能看?虽然渲染出来里面那层颜色会变奇怪,于是直接在实时预览器里截的图()采样点很少但颗粒反而挺有效的。

-

(后来想这个版式可以把所有歌词都贴上去)

(但是嫌麻烦hhh)

ドーナツホール/DONUT HOLE

ハチ(米津玄師)

この胸に空いた穴が今
あなたを確かめるただ一つの証明
それでも僕は虚しくて
心が千切れ...

+

断点延线 : : 003

-

I LOVE YOU

-

这首循环了蛮久的……看一个MAD之后被洗脑(

听到“As we are floating in the blue”的时候

……就很难受(

想做出浮沉中茫然昏暗寻不见 这样的感觉。

-

(文案挑的就是喜欢的几句歌词)

I LOVE YOU
The Golden Age-Woodkid


In the waves I've lost every trace of you
Where are you?

As we were dancing in the blue
I was synchronized...

+

世 界 杯 加 油 H5

/

(后2张是动图……虽然好像不会动233)

为了抓住天降实习而做的小任务。

得到的评价是:色彩使用有些问题。

大概需要……需要专门练习一下了?

思路都写在文档里了,制作时间还蛮短的,虽然做出来的和最初的想法完全不一样。

+

断点延线 : : 002

-

紅い糸

 -

听了一节版式设计的课……就做一下版式设计的练习。

方式是找纯文案->分组->排版。

初次刻意去做这样的练习,希望次数多了能有进步。

-

(文案找的是之前很喜欢的一首歌名+歌手+歌词)

紅い糸 -ツヅリ・ヅクリ
待ち過ぎた 私 ボロボロの糸
愛も恋も憎しみも全部一人で背負ってた
これじゃまるで鎖みたい

+

读书笔记 : : 001

大概记录一下自己有感触的部分。


U一点·体验设计践行之路

  • 发挥跨越工作岗位的价值,产生更大影响力。

    也是自己最近在思考的一个问题。因为作为我个人来说——完完全全遵循着“事不关己高高挂起”;毕竟,只有专注于自己的本职工作才是最大价值的体现。

    暂时还不能完全说服自己去做超出自己所认定的本分的事。也许是因为现在的我光是完成本分就……。

    要成长啊。


  • 洞见用户诉求->发现潜在诉求

    之前也看到一个例子。是电梯的例子,应对“电梯速度太慢“这个问题。深究其实是等待过程过于无聊。所以比起提高技术需要的成本,加个镜子的成本更低。

    根据马斯...

+

日 常 练 习 : : C 4 D

/

仍然是扭曲-波浪……发现这个无敌好用了。

C4D的话则是用了类似的扭曲,摄像机的内置滤镜。

接下来几天应该都会去看教程学习一下样条的使用法……= =。

+

日常练习 :: C4D

/

这次是……晶格+爆炸fx做的效果。虽然最开始想做暗黑系的但还是变成了鲜艳的颜色啊!第一次试着使用摄像机(之前都不知道怎么用,噫。

+

What I learnt from 30 ideas in 30 days

一种交互能力的锻炼方式:每天想出一个解决问题的方法。

After all, getting started is more important than being right (link) and I’ve got the time to learn from potential failures. 

...

By asking “what if it were easier” it enables you to get rid of any preconceptions or biased...

+

daily UI :: 001

/

Sign in


前天就做好了……没套样机就没发2333

决心不再咸鱼,几个项目都要重启。

+

阅 读 理 解 : : 0 0 1

/

用来整理归档Medium上看到的有用文章,交互设计比较多。

/

Designing for Working Memory

通过Working Memory来讲述设计的一大原则——简化操作。

Essentially, working memory is what processes information, the information that’s stored temporarily in our short term memory and more permanently in our...

+

日 常 练 习 : : C 4 D

/

简单渲染+滤镜波浪的效果……配色用的是自己相对擅长(喜欢)的。

说实话也有点想尝试自己完全没做过的风格了。

+

宣 传 海 报 与 帆 布 包

/

UNIQUE HACK-DAY的宣传品中的一部分……。非实物图。

指路报名网址 hack.hustunique.com

+

© 断点延线 | Powered by LOFTER