UI Design

  •  WeChat avatar PSD source file for the 70th anniversary of the founding of the People's Republic of China
    Recently, it was brushed by "Please give me a national flag @ WeChat official". When we @ WeChat official found out that this is a game to test IQ, and there is no partner with a national flag head. Tuoyuan sent you this flag to express love for the motherland with the head, and wish the great motherland prosperity! There are two styles of national flag in the source file. Drag the original head image directly into the cutting mask of Photoshop layer to save it
    six thousand six hundred and eighty-eight 5 years ago (2019-09-25)
  •  Draw Tencent mobile phone butler logo
    Recently, I discussed UI design with a designer colleague, and was asked how to draw the logo of Tencent mobile phone butler, so I accepted the challenge and recorded the drawing process of the logo of mobile phone butler, as shown in the following figure:
    twelve thousand four hundred and seventy-two Nine years ago (2015-12-13)
  •  Tutorial on using commodity template code of Tuoyuan JD store
    The activity page of Jingdong store decoration is designed with a red commodity layout, and a set of templates is made with reference to Yi Xun's product list
    twenty-two thousand six hundred and twelve 11 years ago (2013-10-15)
  •  UI design of a music player interface
    Just now, I designed a music player interface. Except for the check box, my brother's avatar and progress bar highlight, it uses all words and shapes. Usually, I seldom design software UI, and I seldom design icon. Fortunately, there is no backsliding. Don't talk too much nonsense. First, the figure above. Welcome to complain
    eleven thousand seven hundred and thirty-two 11 years ago (2013-08-21)
  •  InDesign's method of displaying the opposite page as a single page
    When creating a new document in InDesign, if the "facing page" is checked, the left and right layout is displayed, and the exported PDF file is also in the form of facing page. If all pages have been designed, you can also use the shortcut key "Ctrl+Alt+P", or open the document settings in the file menu, deselect the check box in front of the facing page, and then click OK. Usually, many tools occupy the shortcut key of this setting, such as the screenshot shortcut key of the "Ali Wangwang" software. This is necessary for designers who often use shortcut keys to
    forty-five thousand four hundred and eighty-six 11 years ago (2013-03-19)
  •  Problems needing attention in pixel icon design
    There are many problems to be noticed in pixel icon design. Let's design a pixel icon first. First, we use Photoshop to create a new 14× 14 pixel transparent file
    ten thousand five hundred and seventy-nine 12 years ago (2012-07-31)
  •  Ten Tips for Designing Icons
    It is very meaningful to generalize the characteristics of a thing into an icon. It is not easy to recognize the characteristics of a thing at a glance, especially when the design requires 48X48 pixels, how to make it as clear as 256X256 pixels. An unforgettable and metaphorical icon is beautiful, symbolic, meaningful and functional! Ten suggestions on how to create excellent icons: First, capturing the characteristics of objects is the most important thing for Icon Design. When you design an icon, can users recognize it immediately
    fifteen thousand eight hundred and fifteen 13 years ago (2011-04-07)
  •  Mobile device web design resolution
    ...
    eight thousand nine hundred and five 13 years ago (2011-03-09)
  •  Simple Metal Texture Icon Making Tutorial
    Rendering: production steps: 1 Open Photoshop, create a new document, and the size is customized
    nine thousand two hundred and ninety-five 14 years ago (2011-01-29)
  •  Clock icon works, another progress
    I want to learn icon design very much. Seeing that the icons designed by the predecessors are very beautiful, I copied one and attached the work and the general design idea. The specific design steps are as follows: 1. Create a new document with a size of 283 x 152 pixels, and then select“ Ellipse Tool” Draw a circle, fill it with light gray, and the color value is“ F1f1f1 ", name this layer“ Grey round&
    eight thousand one hundred and twenty-seven 14 years ago (2010-12-28)
  •  Examples of four methods of commonly used non sawtooth clear text
    When using Fireworks or Photoshop to create web pages, you often use the Song typeface 12 pixel non anti aliasing setting, so that small text can be clearly recognized, but there is no similar setting in the Illustrator text option. The following is the solution. Specific settings: Effect ->Rasterization ->Options (Anti aliasing (A): None)
    eleven thousand five hundred and twenty-seven 14 years ago (2010-12-11)
  •  Crystal metal button design (practice at leisure)
    Recently, I have been very busy with my work. I sleep for a few hours every day and have little leisure time. I designed this metal crystal button when I had lunch. Although it is not very exquisite, it also inspired me a lot
    seven thousand two hundred and ninety-eight 14 years ago (2010-12-06)
  •  Design of prohibition icon (review)
    I have never learned icon design. Today, I read the ideas of the elder generation and made one myself
    eight thousand three hundred and fifty-one 14 years ago (2010-12-02)
  •  Hand drawing with pencil (practice at leisure)
    I drew a pencil by hand when I was free
    six thousand two hundred and eighteen 14 years ago (2010-11-24)
  •  Crystal capsule design (practice at leisure)
    I used it to practice my hands when I was free. I was busy with my work and the workmanship was a little rough. Sorry, o (^ ▽ ^) o~
    six thousand seven hundred and ninety 14 years ago (2010-11-24)
  •  Dialogue between product managers and interaction designers: how requirements become product prototypes
    In the workflow of an Internet company, the product manager (mainly referring to the product personnel who prefer product design) and interaction designer are the starting points of the assembly line, and also the two most ambiguous links. It is ambiguous because in many Internet companies, what they do in these two links overlap, which means that they may also be the two most closely cooperated links in the whole process. In contrast, product managers pay more attention to the internal logic, operation process and strategy of products; Interaction designers pay more attention to the ease of use of products
    eight thousand six hundred and thirty-three 14 years ago (2010-10-16)