Posts on Twitter:

¿Tienes un Doctorado o MFA en Diseño Gráfico? ¡Te estamos buscando! 👩‍🏫👨‍🎨📎✂️✏️📏📐







TGIF. Hip hop hooray! Its new releases to my inbox day. Good is not only making the photo clickable/tappable, but the song text info as well. Sadly, a common mistake. .




Designing a mobile-first website with Bootstrap is quick, easy and cost-effective. Prototype eye-grabbing new websites with Justinmind’s new Bootstrap UI kit.







Bed of nails interface modules for test presses. Multiple modules can be used on a universal test press, lowering your cost of test and maximizing test applications.

752 Test Presses including universal base and interface module






Designing a mobile-first website with Bootstrap is quick, easy and cost-effective. Prototype eye-grabbing new websites with Justinmind’s new Bootstrap UI kit.







Not your average technical interface. We used rich color, engaging imagery, and an overall dark interface to effectively disrupt the IT software market.










Designing a mobile-first website with Bootstrap is quick, easy and cost-effective. Prototype eye-grabbing new websites with Justinmind’s new Bootstrap UI kit.










“Can’t Unsee”, created by software engineer , gives you a simple task: Say which of two designs sitting side by side is the better one. It’s Hot or Not for .



Show this thread

I have set-up a small project with the goal to collect & combine unique colours for my future projects and thought you may find it useful too.












Posts on Tumblr:

medium.com
The future of food needs interfaces – Techfestival 2018
Technology has had a giant impact on the global food system. Designing human interfaces can help advance the future of what and how we eat.
By Henrik Chulu

I guess I can call myself a food writer now?

linkedin.com
TOP10 IBEST DESIGN AWARD
I made a portfolio that was elected Brazil's TOP10 iBest Design Award in 1998. An honor for a recent graduate in Graphic Design to be on the list of

I made a portfolio that was elected Brazil’s TOP10 iBest Design Award in 1998. An honor for a recent graduate in Graphic Design to be on the list of the best 10 website in the design category along with the website of Nike, Close Up andF/Nazca Saatchi & Saatchi.

2

COPY BOARD 600 series

盤面に書いた内容を画像としてキャプチャし、USBへの保存や、ネットワーク上の指定フォルダに保存できるコピーボード。

通常操作に加えて、ネットワーク設定操作など、操作が極めて煩雑になりがちであるため、インタフェースのデザインがとても重要になる。「操作」と「設定」行為を分けて考え、スイッチ形状を、「丸」と「四角」に分けることで、視覚的に分かりやすい、シンプルなデザインを心掛けた。

少しでも操作にとっつきやすく感じてもらうため、「行いたい行為」が直観的に分かるグラフィック表現とし、シンプルでありながらも少し角丸のついた、やさしい印象とした。

筐体のデザインは、メカニカルな印象を払拭し、設置されることの多いオフィスの白い壁面に合わせて環境に溶け込むように配慮、ユーザーが手を伸ばす部分であるトレイ部はライトグレーにすることで、やさしく位置を示している。


-PRODUCT DESIGN / プロダクトデザイン
-INTERFACE DESIGN / インタフェースデザイン
-GRAPHIC DESIGN / グラフィックデザイン

Launched by KOKUYO , 2015


Copy board which can capture the contents written on the board, save it to USB, or save it in a designated folder on the network.
Interface design is very important, because of complicated operations such as network setting. By dividing the “execution” and “setting” acts and assigning circle and square buttons with the simple icons respectively, I kept easy-to-understand design.
Design of the body eliminates the mechanical impression, considering to match the walls in the office. The pen tray in light gray color shows the position gently for users.

Watch on sonia-randhawa-blog.tumblr.com

Crazy stuff we do in class.. #interfacedesign #inkquisitive #imagegallery

Made with Instagram
CSS3 For Web Designers CH-2 Understanding CSS Transitions

What are CSS Transitions?

Transitions smooth out value changes in your stylesheets when triggered by interactions like hovering, clicking, and focusing.  

“CSS Transitions allow property changes in CSS values to occur smoothly over a specified duration.” -W3Schools

A simple example is a rollover button it would be coded as such:

a.foo {
padding: 5px 10px;
background: #9c3; -webkit-transition-property: background; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; }

a.foo:hover {

background: #6905

}

Therefore the button will transition from light green through the shades to dark green when the mouse is on it. There are three parts in the declaration:

• transition-property: The property to be transitioned (in this case, the background property)

• transition-duration: How long the transition should last (0.3 seconds)

• transition-timing-function: How fast the transition happens over time (ease) 

The timing function value allows the speed of the transition to change over time by defining one of six possibilities: ease, linear, ease-in, ease-out, ease-in-out, and cubic-bezier.

EVIL by Design - Design Theory

INTERACTION DESIGN TO LEAD US INTO TEMPTATION

It’s all about how the brain manages to rationalize or resolve two conflict-
ing concepts: a state called cognitive dissonance. For example, people know that smoking kills, but they continue to smoke. These dissonant thoughts don’t work well together. People resolve the issue by removing one of the two conflicting concepts. Quitting tobacco is much harder than rationalizing that smoking is unlikely to kill you because you are a healthy individual, and anyway, everyone dies of something. In other words, changing your opinion (that smoking can kill you) is much easier than changing your behavior (smoking). So the dissonance is resolved by rationalizing your opinions, even if that leaves you believing some- thing strange.

Pander to people’s desire for order

Capitalize on people’s compulsion to be tidy. Make them “tidy up” by giving you the information you want or completing the tasks you require.

Help people complete a set

The compulsion to collect, to be complete, drives people to ac- tion. Give people some initial items “free,” then set them to work completing the set.

Use images of certification and endorsement

Membership of third-party certification schemes is cheap in com- parison to the conversions it can produce. Or just create your own certification, promise, or guarantee.

Change opinions by emphasizing general similarities

People don’t like to change opinions and will ignore counterfac- tual information. Instead, show them how similar your desired position is to their current opinion.

Gain public commitment to a decision

Make a user’s decision public and they will feel more inclined to carry through with the action and defend the decision.

Personal messages hit home

Messages aimed directly at the user grab attention. Messages that come from friends and trusted others have even more effect.

Provide reasons for people to use

If you expect that users will be conflicted about the product or service you offer, provide them with many reasons they can use to resolve cognitive dissonance and keep their pride intact.

vimeo

FINE COLLECTION OF CURIOUS SOUND OBJECTS

It’s worth watching all the way through to the last demo.