The product manager writes too much dry goods, this time I will take care of the designer.
As a profession that relies on inspiration and aesthetics, you will always encounter situations where inspiration is exhausted. That kind of state can be said to be bad every day and the ground is not working.
The best way at this time is to look at other people's works and stimulate yourself. Today, we have prepared an inspirational meal for designers, all from Dribbble, and hope to bring you some inspiration.
Not much to say, hurry up and see~
1. Like
Likes is a common feature in products, and the design of this feature is similar for each product.
Such as: Weibo
Image source: Moknife Material Square-Social Prototype
YouTube
Image source: Screenshot of YouTube website
Douyin
Image source: Ink knife material square-short video prototype 1
As can be seen from the above examples, the current mainstream like design is completed by the button causing the icon to change color.
And the likes shared this time are created through changes in gestures and copywriting, and the dynamic effects of the gestures interpret the likes more vividly and concretely.
Works link: Thumbs up button
Author Homepage: Aaron Iker
(Click on the text to jump)
This effect can be made with the dynamic components of the ink knife~
(Click to view: the full version of the help video of the like effect )
2. Schedule management
Nowadays, all powerful people are proficient in time management and use schedule management products to make their own arrangements clearly.
Although there are many products for schedule management on the market, the design is generally calendar + memo + reminder, and most of the interactive effects are page jumps.
And I saw a designer in Dribbble this time, but the schedule management is made from the downward and upward pop-up window. There is a certain degree of innovation, and it is also very beautiful in terms of interaction.
Works link: PROJECT MANAGEMENT APP CONCEPT 3
Author homepage: Leonid Arestov
Of course, this ink knife can also do it.
The first step is to go to the material square to jump to your favorite calendar component, or draw one by yourself using the table component.
Image source: Ink knife material square-Element time and date selection component
Image Source: Ink Knife-Form Components
The second step is to drag the components saved in the material library into the page in the page editing area, and use dynamic components to create a pop-up window similar to the WeChat official account menu.
Image source: Ink knife workspace-drag and drop component method
(Click to view: the full version of the pop-up window effect help video )
Two simple steps, immediately.
3. Boot animation & carousel
When some products are used for the first time, they will adopt some gorgeous openings, which directly lays down their unique product characteristics, and I am often impressed, and I can’t help but give a thumbs up, exclaiming "Cow! "!
For example, this work:
Works link: MAGMA® INTERACTION SIGN IN
Author homepage: Devox Software
Is it cool? ! Register after reading and let me register.
In fact, it is not difficult to reproduce such an effect, it just takes a little time, just use the status function of the ink knife.
(Click to view: full version status function help video)
4. Payment interface
I believe that the two functions most people use mobile phones most are: chat and payment.
Regarding the design of the payment interface, most products are mainly concise, but the work I want to share still retains a little bit of my own thought in the concise interaction, adding some dynamic effects.
Works link: CHECKOUT EXPERIENCE
Author homepage: Vishnu Prasad
The essence of this is super simple, that is, the price page and the data page can be completed by using table components, and the progress bar uses the status function.
5. Appreciation of masterpieces
After reading the above works, do you have any gains?
Work one
Author: Imrax Aliev
Work two
PARTNERSHIP OFFICE ONBOARDING — UPLOAD DOCUMENT
Author: Artur Choiński