The worlds can be one together
Cosmos without hatred
Stars like diamonds in your eyes
The ground can be space space space space space
With feet marching towards a peaceful sky
All the Moonmen want things their way
But we make sure they see the sun
Good bye Moonmen
You said good bye Moonmen
Good bye Moonmen
Good bye Moonmen


‘It’s amazing! thanks!’ said the little hamster.


—— a song about genocide of all carbon matter


“Yes,” answered the goldfish, ‘how did you fall into the lake?’



  1. Design is still about words.
  2. 95% of web design are words.

图片 1

图片 2

图片 3

超好玩:Kerning & Letter Shaping Game!

The Kerning Game

图片 4


Letter Shaping

图片 5


num = raw_input(“Enter a number :”)

图片 6

User Experience Design

The Design of Everyday Things, by Donald A. Norman

Designers are to blame if users fail to use products correctly.

How to make products easy to understand:

  1. Natural mapping
  2. Perceived affordances
  3. Feedbacks
  4. Constraints

User-Experience Research

  • Behavioral attitudinal
  • Qualitative vs. quantitative
  • Context of use

Rapid prototyping

Three step process: prototype, review, refine

Scoping a prototype: 20% of functionality that is used 80% of the time

Choosing appropriate fidelity:
Visual fidelity
Functional fidelity
Content fidelity

Interesting case study: The Aardvark Theory of Product: Fake It Till
You Make

Learning about your users


图片 7

  • Vitamin: UX is critical.
  • Addictive Drug: Users will be highly active without great
    initial UX. But eventually – should improve UX as other competitors
  • Painkiller: It depends on what goal you are after.
  • Extinct: Lol

Enter a number :3

‘That would be great’ the old turtle said slowly. ‘Thank you, the young

Product Design


print i # 输出1~10

‘Good bye.’ As soon as they waved goodbye, hamster suddenly slipped and
fell into the water.

Interaction Design

The Five Dimensions of Interaction Design:

The dimensions of interaction Design was first introduced in the
introduction of the book Designing Interactions. Gillian Crampton
Smith stated that there were four dimensions to an interaction design
language. A fifth dimension was added by Kevin Silver.

1D Words – This dimension defines the interactions. Words are the
interaction that users use to interact with.
2D Visual Representations – The visual representations are the
things that the user interacts with on the interface. These may
include but not limited to “typography, diagrams, icons, and other
3D Physical objects or space – The space with which the user
interacts is the third dimension of interaction design. It defines the
space or objects “with which or within which users interact”
4D Time – The time with which the user interacts with the
interface. Some examples of this are “content that changes over time
such as sound, video, or animation”
5D Behavior – The behavior defines the users actions in reaction
to the interface and how they respond to it.

Human-Centered Design

图片 8

图片 9

Instead of making your product awesome, think about how to make users
using your product awesome. What users can become badass about around
your tool?

Content Strategy for
Creative problem solving and everyday
Effective Behavior

Python While 循环语句

After walking  for a while he saw an old turtle.

User Interface

第一回真正接触UI啊啊啊,相当多不懂的technical details。入眼浏览了UI
Design with

UI design with purpose

Quote 1

The purpose of UI design, above all else, is to deliver content and
make visual sense of well planned out UX.

Quote 2

‘The best user interfaces allow the content to shout, while the UI

Main contents:

  1. Debating “invisible design”
  2. Flat design vs. skeuomorphism
  3. Balancing capability and style
  4. Balancing aesthetics and usability
  5. Importance of having unifying UX in a product

2 is less than 5

By a lake,  two hamsters lived there, mother and son. One day, the
little hamster said to his mother, ‘Mom, I’d like to travel around the
lake a week.’

Designing for Mobile

过多不懂的technical details,基本只看了标题,就忽略吧。。。

while count < 5:

In this way, the little hamster continued its journey.

Graphic Design

Be good with color:
Make color combinations harmonious and effective.

Employ white space where needed:
Actively ‘use’ blank space to create clean looks, express hierarchy and
relationships among contents.

Visual hierarchy in content organization:
Prioritize different parts of contents, guide users as to read and
understand contents in desired order/manner

Deciding what’s good:
It’s not enough to just know general principles what makes a design
good. Need to come up with your own criteria in order to decide what’s
good for your own product.

print “Good bye!”

‘Help!……’ The little hamster only saw a shadow and was carried to
its back, then he passed out……



‘I slipped, and I plan to travel around the lake for a week,” said the
little hamster.


print “You entered: “, num

It was second days when he woke up, he suddenly found the goldfish
beside the lake. ‘did you save me?’ Said the little hamster.

On good design

Dieter Rams’s 10 Principles for Good

Good design is innovative
Good design makes a product useful
Good design is aesthetic
Good design makes a product understandable
Good design is unobtrusive
Good design is honest
Good design is long-lasting
Good design is thorough, down to the last detail
Good design is environmentally friendly
Good design is as little design as possible

Other favorite quotes from Objectified:

Consider wearing something in rather than wearing it out.
– Bill Moggridge, co-founder IDEO

Design needs to be plugged into human behavior. Design dissolves in
-Naoto Fukasawa

A lot of what we seem to be doing in a product like that is actually
getting design out of the way. And I think when forms develop with
that sort of reason and they’re not just arbitrary shapes, it feels
almost inevitable, it feels almost undesigned. It feels almost like
‘well of course it’s that way, why would it be any other way
-Johnny Ive, Senior VP Industrial Design, Apple


The goldfish said, ’Really? I can carry you. Jump on my back.’

Front-End Design

Technical details. Skip again.

print count, ” is less than 5″

‘Oh, little hamster, I’m going to the river below the hill to see my
grandson.’ The old turtle said kindly, and he paused, then said, ‘but I
am too slow, I am afraid I could not arrive on time.’

Enter a number :29

The little hamster had a brainwave and said, ‘you can retract your head
and feet inside your shell. I’ll push you, and you’ll be there soon.’

循环使用 else 语句

So the little hamster pushed it and the old turtle rolled down. ‘Good

Python 编制程序中 while

‘Grandpa tortoise, where are you going?’ Asked the little hamster.

The count is: 6

‘great!’ The mother hamster said, ‘well, have a nice trip.’

while (count < 9):

‘See you, mum.’ The little hamster went off on a trip.

count = 0

while 语句时还或然有另外三个基本点的指令 continue,break 来跳过巡回,continue

print count, ” is not less than 5″