Biểu tượng ứng dụng di động. Bộ biểu tượng tốt nhất cho Android. Yêu cầu về biểu tượng
1. Độ phân giải màn hình thiết bị
Các ứng dụng Android được thiết kế có tính đến kích thước thiết bị và độ phân giải màn hình.
Đồ họa và bố cục trong ứng dụng được đo bằng đơn vị dpi (dots per inch).
- PI thấp (LDPI) = 120DPI
- DPI trung bình (MDPI) = 160DPI
- DPI cao (HDPI) = 240DPI (Nexus S, SGS2)
- DPI cực cao (XHDPI) = 320DPI (Galaxy Nexus, Nexus 4, SGS3)
- Độ phân giải cực cao (XXHDPI) = 480DPI ( HTC One và SGS4)
Kích thước và định dạng của biểu tượng trình khởi chạy ứng dụng cho Android
Biểu tượng ứng dụng phải được thiết kế dành riêng cho Android. Sử dụng hướng dẫn thiết kế icon phong cách Android Vật liệu thiết kế, đừng bắt chước Các yếu tố hình ảnh và phong cách của các nền tảng khác.
Biểu tượng khởi chạy ứng dụng phải là 32-bit, ở định dạng PNG với kênh alpha (có nền trong suốt).
Kích thước cơ sở - 48dp, với các cạnh 1dp - dành cho độ phân giải thấp. Mật độ điểm ảnh màn hình (DPI) càng cao thì hiển thị càng chi tiết. Đối với các độ phân giải khác, bạn cần tăng tỷ lệ lên 400% 192 x 192 dp (với các cạnh 4dp).
Bạn có muốn biểu tượng hoàn hảo cho mọi độ phân giải và không tìm kiếm những cách dễ dàng không? Làm một số biểu tượng kích cỡ khác nhau cho tất cả các tùy chọn độ phân giải bằng cách sử dụng bảng bên dưới. Có thể được kích hoạt ý nghĩa bổ sung cho kích thước lớn hơn dần dần. Ví dụ: biểu tượng xhdpi 96 x 96 pixel có thể chứa kích thước trung gian là 88 x 88 pixel với 4 pixel đệm ở mỗi bên. Vết lõm tạo ra bóng nhẹ và đảm bảo biểu tượng rõ ràng trên mọi nền.
|
XXXHDPI (640dpi) |
|||||
Tất nhiên, bạn hãy nhớ: mọi tỷ lệ đều phải duy trì tỷ lệ của hình ảnh.
Biểu tượng ứng dụng để xuất bản trên Google Play
Biểu tượng ứng dụng để xuất bản trên Google Play phải có kích thước 512 x 512 pixel, độ phân giải cao.
Biểu tượng này chỉ được sử dụng cho Google Play và không thay thế biểu tượng trình khởi chạy ứng dụng. Biểu tượng xuất bản trên Google Play phải chứa nội dung giống với biểu tượng khởi chạy ứng dụng, ngoại trừ một số dấu hiệu nhận dạng.
- JPEG hoặc PNG 24-bit (không có kênh alpha)
- 1024 x 500 pixel
Vị trí
- không đăng Thông tin quan trọng dọc theo các cạnh, đặc biệt là ở phần dưới của khung hình.
- Đặt logo ở giữa, căn chỉnh theo chiều ngang và chiều dọc.
- Đối với văn bản, sử dụng phông chữ lớn.
- Hãy nhớ rằng hình ảnh có thể được hiển thị riêng biệt mà không có biểu tượng ứng dụng.
Mục tiêu biểu tượng ứng dụng
Biểu tượng ứng dụng có 3 mục đích chính:
- Quảng bá thương hiệu, câu chuyện về mục đích của ứng dụng.
- Giúp người dùng tìm thấy ứng dụng trên Google Play.
- Khởi chạy chức năng.
Quảng bá thương hiệu
Tạo một biểu tượng độc đáo và khó quên. Sử dụng bảng màu Thương hiệu của bạn. Đừng cố gắng nói quá nhiều với một biểu tượng. Một biểu tượng đơn giản sẽ tạo ấn tượng tốt nhất. Không đưa tên ứng dụng vào biểu tượng - tên sẽ luôn hiển thị bên cạnh biểu tượng.
Mẫu biểu tượng ứng dụng.
Giúp người dùng tìm thấy ứng dụng trên Google Play
Biểu tượng sẽ thu hút sự chú ý của người dùng khi cuộn. Thiết kế biểu tượng chất lượng cao là tín hiệu rõ ràng cho thấy ứng dụng của bạn có cùng chất lượng cao.
Để phát triển một biểu tượng ứng dụng, tốt hơn hết bạn nên liên hệ với nhà thiết kế.
Quy tắc thiết kế biểu tượng Android
- Trông chi tiết và rõ ràng trong một kích thước nhỏ.
- Kết hợp với bất kỳ nền nào.
- Được chiếu sáng bằng ánh sáng trên cao.
- Có thể có hình dạng độc đáo.
- Đây không phải là phiên bản cắt xén của hình ảnh lớn hơn.
- Có trọng lượng tương tự như các biểu tượng khác.
Đối với biểu tượng 3D:
- Phối cảnh không xung đột với các biểu tượng khác.
- Nó nằm ở hướng du lịch.
- Có ít chiều sâu.
Các biểu tượng quá dài và chiếm ít không gian sẽ không thu hút được sự chú ý của người dùng và không phù hợp với nhiều nền tảng khác nhau.
Đúng và sai
Icon cho ứng dụng trên iOS
Kích thước
Mỗi ứng dụng nên có một biểu tượng nhỏ và lớn. Biểu tượng nhỏ được sử dụng trên màn hình chính và trong hệ thống sau khi cài đặt. Cần có một biểu tượng lớn Cửa hàng ứng dụng.
Cần tạo một số biểu tượng nhỏ có kích thước khác nhau để nhiều thiết bị khác nhau. Các biểu tượng nhỏ và lớn phải khớp với nhau nhưng có thể khác nhau về mức độ chi tiết.
Ngoài ra các biểu tượng nhỏ cũng cần thiết để hiển thị:
- V. Tìm kiếm tiêu điểm,
- trong ứng dụng cài đặt điện thoại thông minh.
Nếu không có biểu tượng nhỏ, iOS sẽ giảm biểu tượng chính các ứng dụng để hiển thị trong các thư mục này.
| Thiết bị | Kích thước biểu tượng trong tìm kiếm Spotlight | Kích thước biểu tượng cài đặt |
| iPhone 6s Plus trở lên, iPhone 6 Plus trở lên | 120x120px | 87x87px |
| iPhone 6s trở lên, iPhone 6 trở lên, iPhone SE trở lên | 80x80px | 58x58px |
| iPad Pro, iPad, Ipad nhỏ | 80x80px | 58x58px |
Chú ý:
Không thêm lớp phủ hoặc đường viền vào biểu tượng cài đặt. iOS tự động thêm khoảng đệm 1 pixel vào tất cả các biểu tượng để làm cho chúng trông đẹp mắt trên nền trắng trong tùy chọn cài đặt.
Quy tắc thiết kế biểu tượng cho iOS:
Sự đơn giản quyến rũ
Tìm một yếu tố truyền tải được bản chất của ứng dụng và đặt nó ở dạng đơn giản, dễ nhớ. Cẩn thận thêm chi tiết. Nội dung hoặc hình dạng quá phức tạp của biểu tượng sẽ khó phân biệt, đặc biệt là ở kích thước giảm.
Lấy nét rõ ràng
Tạo một biểu tượng có trọng tâm rõ ràng để thu hút sự chú ý và nhận diện ứng dụng.
Sự công nhận
Sẽ không ai phân tích biểu tượng để hiểu ý nghĩa của nó.
Ví dụ, như một biểu tượng ứng dụng thư Theo truyền thống, hình ảnh của một chiếc phong bì được sử dụng, gắn liền với thư. Nếu bạn muốn có một biểu tượng đẹp, hãy dành thời gian phát triển một biểu tượng trừu tượng hấp dẫn và dễ hiểu đối với mọi người.
Không minh bạch, nền đơn giản
Biểu tượng không được trong suốt và nền không được lộn xộn. Nền đơn giản không lấn át các yếu tố khác gần đó.
Không có chữ khắc
Chỉ sử dụng chữ như một phần của logo. Tên ứng dụng xuất hiện bên dưới biểu tượng trên màn hình chính. Không thêm các từ vào biểu tượng lặp lại tên hoặc hướng dẫn cho ứng dụng, ví dụ: “Xem” hoặc “Chơi”. Nếu thiết kế biểu tượng bao gồm các từ, chỉ thêm những từ có liên quan đến nội dung của ứng dụng.
Không có ảnh, ảnh chụp màn hình và các thành phần giao diện
Không đưa ảnh, ảnh chụp màn hình hoặc thành phần giao diện vào biểu tượng. Các chi tiết trong ảnh rất khó nhìn thấy kích thước nhỏ. Ảnh chụp màn hình không cho bạn biết mục đích của ứng dụng. Các thành phần giao diện trong biểu tượng đánh lừa người dùng.
Không có bản sao chính xác sản phẩm của Apple
Không đặt icon ứng dụng ở mọi nơi trong giao diện
Người dùng có thể bối rối vì biểu tượng ứng dụng xuất hiện khắp giao diện. Chỉ cần sử dụng bảng màu biểu tượng trong giao diện. Xem Màu sắc.
Kiểm tra biểu tượng trên các hình nền khác nhau
Mọi người chọn các hình nền khác nhau cho màn hình chính của họ, vì vậy bạn nên thử nghiệm biểu tượng ứng dụng trên các hình nền khác nhau.
Giữ các góc biểu tượng vuông vức
Hệ thống tự động bo tròn các góc của biểu tượng.
Đó là tất cả! Chúng tôi chúc bạn may mắn và nhiều biểu tượng đẹp cho các ứng dụng của bạn.
Biểu tượng- đây là điều kiện biểu tượng đồ họa, đại diện cho một công cụ, chương trình hoặc ứng dụng trên màn hình. Giao diện phòng mổ hệ thốngđược xây dựng theo cách mà hầu như bất kỳ một đối tượng trình bày như một biểu tượng. Thiết kế biểu tượng rất hữu ích cho tìm kiếm nhanh bằng giao diện. Tại thời điểm văn bản hợp nhất thành một đống duy nhất, các biểu tượng ngắn gọn và chính xác dành cho ứng dụng di động giúp đỡ người dùng dễ dàng xác định Ở đâu ứng dụng cần thiết . Nếu bạn phát triển một logo ứng dụng di động về mặt chất lượng thì người dùng sẽ đoán ngay được chức năng thậm chí không đọc mô tả.
Bạn sẽ nhận được
người quản lý dự án cá nhân
nhà thiết kế sẽ vẽ ra 7 concept khác nhau
nghiên cứu thị trường ứng dụng đang được tiến hành
Nguyên tắc giao diện con người iOS và Nguyên tắc thiết kế Android
Mỗi biểu tượng cho giao diện menu chính của ứng dụng Android phải được thể hiện yếu tố đồ họa sơn mài. Chúng được thống nhất theo tiêu chuẩn được cung cấp trong thư mục Nguyên tắc thiết kế Android. Bảng màu phải nhất quán theo một hướng phong cách duy nhất.
Các xu hướng mới nhất trong thiết kế biểu tượng cho phép một người chọn từ một số chủ đề màu sắc, như họ đã làm trong bộ Trăng mọc. Gói biểu tượng này là một trong những gói biểu tượng tốt nhất dành cho TalkAndroid. Nó thu hút không chỉ với màu sắc tối phong phú và các biểu tượng nguyên bản mà còn một số lượng lớn biểu tượng để lựa chọn. Tổng cộng có 580 người trong số họ.
Không giống như các quy tắc nghiêm ngặt để phát triển giao diện menu, biểu tượng cho ứng dụng chơi game phải quyến rũ với độ sáng và độc đáo của họ. Họ gợi ý cho người dùng về khoảng thời gian giải trí vui vẻ đang chờ đợi anh ta.
Phát triển biểu tượng choiOS
Bộ giao diện ứng dụng iOS có một số yếu tố thống nhất: bảng màu, kích thước, phối cảnh và phong cách vẽ. Một trong những chủ đề phổ biến nhất dành cho iOS là 0bscure7. Thiết kế Laconic của các khối màu đen và trắng với mô tả văn bản thu thập được nhiều người hâm mộ trong số những người dùng. Bộ này chứa hơn 670 biểu tượng ứng dụng. Các biểu tượng trông rất phong cách trên nền hình học hoặc đơn sắc, nhưng chủ đề không phù hợp với ảnh. Tính năng này có thể thấy rõ trong hình minh họa.
Làm biểu tượng 3D cho ứng dụng ngày càng có lãi. Rốt cuộc, các yếu tố ba chiều được người dùng cảm nhận tốt hơn. Màu sáng, họa tiết tự nhiên, vết màu nước gợi lên sự ngưỡng mộ và làm vui mắt.
Nguyên tắc tạo biểu tượng ứng dụng
Phát triển thiết kế biểu tượng: ý nghĩa màu sắc
Ảnh hưởng của màu sắc và sự kết hợp của họ cho mỗi người chắc chắn. Các nhà sử học và sử gia nghệ thuật, chẳng hạn như Michel Pastoureau, đã tạo ra những chuyên khảo khổng lồ đề cập đến lịch sử của màu sắc và cách giải thích chúng trong quá trình hình thành con người.
So sánh màu đỏ và màu xanh lá cây hầu hết ví dụ rõ ràng trong chỉ thị màu sắc. Màu đỏ- sáng, khiêu khích và hấp dẫn người dùng. Nó phù hợp để phát triển các biểu tượng cho các ứng dụng chơi game hoặc thể thao, vì màu đỏ thường là màu của sự thử thách hoặc cạnh tranh. Màu xanh lá- hơn điềm tĩnh và yên bình, nó được sử dụng thành công để đề cập đến hoạt động ngân hàng và Ứng dụng văn phòng. Nói rằng màu đỏ ảnh hưởng tiêu cực đến chuyển đổi và nhận thức của người dùng là không chính xác. Điều này chỉ có thể thực hiện được nếu bạn đặt màu xanh lá cây bên cạnh nó.
Nhận thức màu sắc Nó đã thay đổi khá nhiều theo thời gian. Trong độ tuổi trung niên màu vàng Là màu của sự phản bội và mất trí nhớ, quần áo của Judas thường được sơn màu vàng nhạt. Bây giờ màu vàng thực tế đã mất đi những đặc tính tiêu cực của nó, bây giờ nó là màu của hạnh phúc, của mặt trời và sự ấm áp. Nó được sử dụng cho các ứng dụng của họ tăng tốcDHL, Velloe VàNikon.
Màu xanh da trời- một trong những giải pháp màu sắc phổ biến nhất để thiết kế biểu tượng ứng dụng. Logo Vkontakte, Ứng dụng trò chuyện, Facebook, Twitter, LinkedIn, Điện tínđược tạo ra bằng cách sử dụng các sắc thái khác nhau của màu xanh lam. Nó được coi là lý tưởng cho việc giao tiếp: bình tĩnh và cân bằng, tập trung sự chú ý tốt và không làm quá tải tầm nhìn. Và trong thời đại Rome, đó là màu ít được yêu thích nhất. Người ta tránh né nhiều đến mức trong khoa học đã nảy sinh một lý thuyết đến nỗi người dân thời Cổ đại đơn giản là không nhận thức được sắc thái như vậy. Màu xanh da trời bị coi là đáng sợ và khó chịu, còn đôi mắt xanh gần như là một khuyết tật về thể chất. Nhiều thế kỷ đã trôi qua và bây giờ một trong những màu phổ biến và phổ biến nhất. Do đó, nhân viên KOLORO luôn sẵn sàng thử nghiệm; chúng tôi sử dụng các giải pháp khác thường sẽ trở thành biểu tượng phong cách trong nhiều năm.
Màu cam, tím và đỏ tươi- yêu thích mới của các nhà phát triển. Chúng được sử dụng bởi Viber, YAHOO!, Hallmark, Amazon, Kodak và Instagram.
Các nhà thiết kế KOLORO thật xuất sắc chuyên gia màu sắc. Chúng tôi biết và hiểu lịch sử của từng màu và rất vui khi được Chúng tôi sử dụng kiến thức của mình để tạo ra các biểu tượng và theo thời gian nó sẽ trở thành một biểu tượng độc đáo. Thứ hai, các đối tượng mục tiêu những ứng dụng như vậy có nhiều điểm khác biệt: tuổi tác, giới tính, tôn giáo hoặc khu vực cư trú. Và mỗi người dùng đều có ý tưởng riêng về màu sắc, biểu tượng, cử chỉ. Biểu tượng càng đơn giản thì mọi người sẽ thích nó càng nhanh. Ngoài ra, bạn cần xem xét kích thước của thiết bị mà ứng dụng sẽ mở. Hình dạng hình học đơn giản sẽ trông thuận lợi và rõ ràng ở mọi kích thước. Độ bão hòa quá mức của biểu tượng sẽ gây ra sự kết hợp khó hiểu về màu sắc và hình dạng khi nó bị giảm xuống 120x120.
Đặt hàng thiết kế icon cho ứng dụng từ KOLORO. Chúng tôi tạo ra các biểu tượng độc đáo thu hút sự chú ý của người dùng và tăng lợi nhuận kinh doanh.
Liên hệ ngay với người quản lý
Sau bài viết được hoan nghênh của tôi “” (“Hãy nói về các biểu tượng ứng dụng màu trắng”) mà tôi thừa nhận là được viết với giọng điệu hơi mô phạm, tôi quyết định viết một bài báo khác mang tính xây dựng và thực tế hơn về thiết kế biểu tượng mát mẻ. Bài viết này phù hợp với bất kỳ ai: từ người mới bắt đầu đến chuyên nghiệp. Trong đó tôi sẽ nói về sự kỳ diệu của các biểu tượng và cách làm cho thiết kế của chúng trở nên tuyệt vời hơn nữa.
Trong video trên, tôi nói về năm khía cạnh chính của thiết kế biểu tượng trong 10 phút và đưa ra ví dụ thực tế cách tôi làm việc với những khía cạnh này. Video chứa rất nhiều câu chuyện, mẹo và pixel và tôi hy vọng rằng nó sẽ thú vị với mọi người: cả người mới bắt đầu và nhà thiết kế có kinh nghiệm. Nếu bạn muốn biết thêm một chút bối cảnh, hãy đọc tiếp. Tôi hứa sẽ có những kẻ bắt nạt.
Để bắt đầu
Thiết kế đồ thị một đối tượng duy nhất. thiết kế mà người dùng sẽ tương tác mỗi khi họ sử dụng sản phẩm có vẻ là một nhiệm vụ khó khăn. Một biểu tượng đẹp, dễ nhận biết và đáng nhớ có thể ảnh hưởng lớn đến mức độ phổ biến và thành công của một ứng dụng. Nhưng chính xác thì bạn thiết kế một biểu tượng ứng dụng “tốt” như thế nào? Điều này thậm chí còn có ý nghĩa gì? Đừng lo, tôi đã tổng hợp một số mẹo để giúp trả lời những câu hỏi này. Bài viết này là hướng dẫn giúp bạn thiết kế các biểu tượng thú vị.
"Biểu tượng ứng dụng" là gì?
Điều đầu tiên bạn cần hiểu khi bắt đầu thiết kế là “biểu tượng ứng dụng” là gì và nó thực hiện nhiệm vụ gì. Biểu tượng ứng dụng là điểm neo trực quan cho sản phẩm của bạn. Bạn có thể coi biểu tượng như một yếu tố thương hiệu nhỏ không chỉ trông đẹp và nổi bật mà còn truyền tải nội dung chính của ứng dụng của bạn.
Bạn có thể tạo biểu tượng trong bất kỳ trình soạn thảo nào hỗ trợ tạo tập tin raster. Thông thường, Photoshop, Illustrator và Sketch được sử dụng cho việc này. Công cụ miễn phí như ưu đãi của appicontemplate.com PSD tiện lợi các mẫu sẽ trợ giúp tuyệt vời ở giai đoạn đầu.
5 khía cạnh chính
Bây giờ chúng ta hãy khám phá một số thực tiễn tốt nhất thiết kế các biểu tượng ứng dụng. Chúng ta sẽ xem xét từng cái trong số năm Những khía cạnh quan trọng riêng biệt, và đối với mỗi điều tôi sẽ đưa ra một số lời khuyên và đưa ra ví dụ. Hầu hết các ví dụ là của tôi tác phẩm riêng. Điều này không có nghĩa là tác phẩm của tôi là tốt nhất, nhưng khi tạo ra chúng, tôi đã dựa vào những thông tin mà tôi trình bày trong bài viết này. Khi bạn đọc về từng khía cạnh, hãy thử tưởng tượng các biểu tượng yêu thích của bạn và xem tôi sẽ nói về điều gì trong đó. Vâng, hãy bắt đầu.
1. Khả năng mở rộng
Biểu tượng ứng dụng phải trông đẹp mắt ở các độ phân giải khác nhau và truyền tải được bản chất của khái niệm bất kể kích thước.
Một trong những điều nhất khía cạnh quan trọng biểu tượng — đây là khả năng mở rộng. Biểu tượng sẽ được sử dụng trong các phần khác nhau của nền tảng và được hiển thị ở các kích cỡ khác nhau — vì vậy, điều quan trọng là nó luôn duy nhất và rõ ràng. Biểu tượng sẽ trông đẹp mắt trong App Store, trên màn hình retina và trong bảng cài đặt.
Các biểu tượng quá phức tạp và chứa quá nhiều chi tiết có xu hướng có tỷ lệ kém.
Khi thiết kế biểu tượng ứng dụng, bạn nên chú ý nhiều đến việc thiết kế bạn đã chọn có tỷ lệ duyên dáng như thế nào.
- Canvas 1024x1024 có thể đánh lừa - hãy nhớ kiểm tra thiết kế của bạn trên thiết bị "trực tiếp", trong các bối cảnh và kích thước khác nhau.
- Giữ nó đơn giản và tập trung vào một điều; tốt hơn là nó phải là một loại hình dạng hoặc thành phần độc đáo nào đó có thể giữ được các đặc tính và chất lượng tốt khi thu nhỏ.
- Đảm bảo biểu tượng trông đẹp mắt trên các nền khác nhau.
2. Công nhận
Các biểu tượng có thể chi tiết hoặc đơn giản, miễn là chúng sáng tạo, thú vị và truyền tải chính xác ý định của bạn.
Biểu tượng ứng dụng giống như một bài hát: điều rất quan trọng là nó có thể dễ dàng nhận ra giữa các giai điệu khác trong cửa hàng (tức là các biểu tượng khác trên màn hình chính). Và cũng giống như giai điệu của một bài hát chạm đến tâm hồn người nghe, hình khối, màu sắc và ý tưởng của biểu tượng cũng phải chạm đến người dùng.
Thiết kế phải truyền tải một hình ảnh đáng nhớ và mạch lạc ở cả cấp độ chức năng và cảm xúc.
Biểu tượng của bạn sẽ cạnh tranh sự chú ý của người dùng với hàng nghìn biểu tượng khác có cùng kích thước, cũng có mục đích riêng và cố gắng thu hút sự chú ý.
Để được công nhận, không chỉ khả năng mở rộng đóng vai trò quan trọng mà còn cả tính mới. Khó khăn chính khi thiết kế biểu tượng là tìm được sự cân bằng giữa những phẩm chất này.
- Các biểu tượng vô vị, quá tải là kẻ thù của sự công nhận. Bắt đầu dọn dẹp chi tiết không cần thiết, miễn là điều này có thể được thực hiện mà không ảnh hưởng đến khái niệm. Sau đó hãy dừng lại và phân tích — mọi chuyện đã khá hơn chưa? Sự công nhận đã tăng lên?
- Tạo một số biến thể thiết kế khác nhau. Đặt chúng cạnh nhau và nhìn vào chúng cùng một lúc. Lưu ý những khía cạnh nào của thiết kế thu hút sự chú ý.
- Cố gắng chia các biểu tượng yêu thích của bạn thành các thành phần của chúng và cố gắng hiểu lý do tại sao bạn thích chúng và tại sao chúng lại thu hút sự chú ý của bạn.
3. Tính nhất quán
Khi biểu tượng khớp với giao diện, nó sẽ củng cố thông điệp của ứng dụng một cách trực quan.
Điều quan trọng nữa là phải đạt được sự nhất quán giữa quá trình tương tác với biểu tượng và quá trình tương tác với ứng dụng.
Đối với tôi, có vẻ như một biểu tượng tốt là sự tiếp nối ý tưởng của ứng dụng. Nếu biểu tượng và giao diện nhất quán thì ứng dụng sẽ được người dùng ghi nhớ tốt hơn.
Cần phải hình thành một hình ảnh tổng thể, duy nhất về ứng dụng trong tâm trí người dùng - điều này làm tăng sự hài lòng chung khi sử dụng sản phẩm và cũng thúc đẩy khả năng giữ chân khách hàng hiện tại và thu hút những cái mới.
Nói tóm lại, nếu biểu tượng của bạn bổ sung một cách hài hòa ý tưởng, chức năng và thiết kế của ứng dụng, bạn có thể coi đây là một thắng lợi lớn.
- Một cách để đạt được sự nhất quán giữa ứng dụng và biểu tượng của bạn là bám sát một bảng màu và sử dụng một “ngôn ngữ thiết kế” tương tự. Ví dụ: giao diện màu xanh lá cây có thể được nâng cao bằng biểu tượng màu xanh lá cây.
- Tuy nhiên, phương pháp sau đây không phải lúc nào cũng có thể thực hiện được: cố gắng sử dụng các ký hiệu trong thiết kế biểu tượng có liên quan trực tiếp đến chức năng của ứng dụng.
4. Tính độc đáo
Các ứng dụng trên App Store trong danh mục Năng suất là một ví dụ điển hình về sự thiếu độc đáo trong thiết kế.
Điều này khá rõ ràng: hãy cố gắng tạo ra thứ gì đó độc đáo. Được rồi, bạn có thể sử dụng phong cách hoặc xu hướng hiện có nhưng hãy biến nó thành của riêng bạn!
Biểu tượng của bạn sẽ cạnh tranh sự chú ý của người dùng với các biểu tượng khác — và thiết kế ban đầu có thể là một lợi thế lớn.
Tính độc đáo là một khía cạnh phức tạp của thiết kế: không chỉ kỹ năng của bạn đóng vai trò quan trọng mà còn giải pháp thiết kế những “người chơi” khác trên thị trường đang cố gắng giải quyết vấn đề tương tự.
- Nghiên cứu những gì các nhà thiết kế khác trong lĩnh vực của bạn đang làm và sau đó thử đi theo một hướng khác. Thực hiện một số nghiên cứu hữu ích — thế giới không cần biểu tượng dấu kiểm khác.
- Nếu bạn đang hướng tới sự độc đáo, một hình tượng đơn giản trên nền đơn giản là một chiến lược đáng ngờ. Hãy thử nghiệm với các màu sắc và bố cục khác nhau, đồng thời thử thách bản thân tìm ra những ẩn dụ mới, thú vị.
- Màu sắc — cái này cách tuyệt vờiđể trình bày một khái niệm cũ theo một cách mới (mặc dù nhiều người bỏ qua nó).
5. Đừng dùng lời nói
Đây là chủ đề đau đớn nhất mọi thời đại. Chỉ trong những trường hợp rất hiếm hoi, các từ mới được phép xuất hiện trong biểu tượng. Tôi tin rằng nếu một nhà thiết kế sử dụng từ ngữ thì nghĩa là anh ta chưa sử dụng hết kho hình ảnh của mình.
Từ ngữ và hình ảnh — hoàn toàn nhạc cụ khác nhauđại diện. Biểu tượng phải đóng vai trò là biểu tượng đồ họa của ứng dụng và nếu nó bị trộn lẫn với các từ và hình ảnh, kết quả sẽ lộn xộn và không tập trung — và người dùng sẽ khó nắm bắt được ý tưởng của biểu tượng hơn. Vâng, nó thực sự không được tìm thấy? cách tốt nhất miêu tả ý tưởng của một ứng dụng thay vì chỉ nói bằng lời? Khi tôi nhìn thấy các biểu tượng có chữ, tôi luôn cảm thấy rằng nhà thiết kế không thể truyền tải ý tưởng của mình rõ ràng hơn.
Tạo thẻ của riêng bạn
Có rất nhiều biểu tượng nhàm chán và tầm thường trên App Store và Google Play. Biểu tượng của bạn là kết nối mạnh mẽ nhất của bạn với người dùng. Đây là nơi bạn bắt đầu làm quen với ứng dụng trong App Store. Đây là những gì người dùng tương tác mỗi khi họ mở ứng dụng. Khi một ứng dụng có biểu tượng được thiết kế kém, xấu hoặc không phù hợp, ứng dụng đó sẽ mất đi nội dung hình ảnh quan trọng nhất. Biểu tượng ứng dụng không phải là một tiện ích bổ sung được ghi nhớ cuối cùng mà là một phần quan trọng toàn bộ quá trình phát triển ứng dụng.
Biểu tượng ứng dụng là một phần nhỏ của thiết kế tập trung. Nếu bạn muốn tạo một biểu tượng đẹp, có một số khía cạnh mà bạn cần phải suy nghĩ. Khả năng mở rộng, nhận biết, nhất quán và độc đáo — tất cả những khía cạnh này tồn tại trong các lĩnh vực thiết kế khác. Nếu bạn học cách tạo các biểu tượng thú vị, bạn sẽ cải thiện trình độ thiết kế tổng thể của mình.
Tất cả các biểu tượng — chi tiết và đơn giản, sáng tạo và bình thường — đều có điểm chung: chúng có cùng kích thước, chúng đều cố gắng nổi bật so với đối thủ và thu hút sự chú ý của người dùng. Cái này một nhiệm vụ không hề dễ dàng và giải pháp luôn nằm trong cùng một số pixel cố định.
Tất nhiên, người thiết kế có thể cảm thấy không an toàn: việc phát triển biểu diễn đồ họa toàn bộ ứng dụng! Nhưng tôi hy vọng rằng lời khuyên của tôi sẽ giúp bạn có được sự tự tin và tự tin đảm nhận công việc của mình. Bây giờ hãy tiếp tục — tạo một biểu tượng tuyệt vời cho ứng dụng của bạn!
Ghi chú tinh thần là một bộ bài gồm 53 lá bài mô tả các mô hình tâm sinh lý về hành vi của con người làm nền tảng cho các nguyên tắc thiết kế web. Chúng giúp các nhà thiết kế hiểu rõ hơn về hành vi của người dùng và tìm ra giải pháp hiệu quả khi tạo các thiết kế giao diện.
Biểu tượng là thành phần thiết kế mà bạn không thể thiếu. Đôi khi thật khó để tìm được người tốt bộ dụng cụ di động biểu tượng và đây là danh sách 11 biểu tượng miễn phí của tôi gói di động các biểu tượng mà tôi thấy đặc biệt hữu ích. Còn nhiều gói nữa mà tôi chưa đưa vào bài viết này, nhưng danh sách này là một bộ sưu tập tốt cho hộp công cụ của mọi nhà thiết kế.
1. Gói Vector chung
Bất kể di động nào hệ điều hành bạn tạo ra một thiết kế, bạn sẽ luôn cần những hình ảnh cơ bản về điện thoại và các thiết bị di động khác. Gói biểu tượng này chứa nhiều hình ảnh tương tự. Cái này gói chung biểu tượng vector của điện thoại (di động và cố định), máy tính bảng, thiết bị cầm tay và các mặt hàng khác liên quan đến cuộc gọi di động và sử dụng di động.
Các biểu tượng có màu đen và trắng, nhưng vì đây là gói vector nên bạn luôn có thể thêm nhiều màu sắc hơn và/hoặc thay đổi kích thước biểu tượng nếu muốn.
2. Biểu tượng vector điện thoại phẳng
Nếu bạn cần thêm biểu tượng điện thoại và thích biểu tượng phẳng, hãy xem các biểu tượng điện thoại này. Gói đặt hàng này chứa khoảng 200 biểu tượng phẳngđiện thoại và các mặt hàng khác liên quan đến thiêt bị di động. Một lần nữa, gói hàng có màu đen và trắng, nhưng nó có nền theo đường, vì vậy sẽ không khó để thay đổi màu sắc và/hoặc kích thước của các biểu tượng. Bạn có thể tải xuống toàn bộ gói hoặc chỉ các biểu tượng bạn cần.
3. Megapack khổng lồ của iPhone, iOS7, Android vàWindows 8 biểu tượng
Gói khổng lồ gồm 10.000 biểu tượng dành cho Android, iPhone, iOS7 và Windows8 này có lẽ là một trong những tài nguyên tốt nhất, có thể tìm thấy trên Internet và nó miễn phí cho cả cá nhân và sử dụng thương mại. Sau khi bạn tải xuống, tất cả các gói khác có thể trở nên vô dụng vì nó chứa nhiều biểu tượng hữu ích.
10000 biểu tượng iPhone, Android, Windows8 và ứng dụng iOS- các kích thước khác nhau, ví dụ: 20 × 20, 30 × 30, 60 × 60, 114 × 114, 512 × 512 trở lên. Chúng cũng được trang bị thêm các tính năng bổ sung và tập tin nguồn. Không còn nghi ngờ gì nữa, mọi nhà thiết kế di động đều nên có gói lớn này. Ngoài gói miễn phí này, tác giả còn cung cấp Phiên bản trả tiền với hơn 80.000 biểu tượng.
4. Các biểu tượng Android hỗn hợp và hơn thế nữa
So với gói trước, gói biểu tượng này không ấn tượng bằng nhưng vẫn có các biểu tượng Android tốt mà bạn có thể sử dụng trong các dự án cá nhân và thương mại của mình. Đây là gói biểu tượng hỗn hợp dành cho Android - biểu tượng cho thiết bị, mục chung, thành phần giao diện người dùng cơ bản, v.v.
Đây không phải là gói biểu tượng duy nhất trên trang web này. Ngoài ra còn có nhiều gói Android khác như biểu tượng mạng, ảnh và video, phẳng giao diện người dùng, mua hàng hóa, v.v. Nếu bạn đang tìm kiếm các biểu tượng về một chủ đề cụ thể, chỉ cần duyệt trang web để xem những gì vẫn có sẵn.
5. Gói biểu tượng Android hỗn hợp khác
Gói biểu tượng này cũng dành cho Android, nhưng các biểu tượng khác với các gói khác. Đây là một gói tương đối nhỏ gồm khoảng 30 biểu tượng, nhưng rất hữu ích vì nó chứa các biểu tượng ứng dụng phổ biến và trang web cũng như cài đặt, tìm kiếm bằng giọng nói vân vân.
Không giống như gói trước, các biểu tượng có nhiều màu sắc nhưng nhược điểm là chúng chỉ ở định dạng PNG, không có vectơ, điều này hạn chế các tùy chọn chỉnh sửa của bạn.
6. 350 Android miễn phí Biểu tượng
Một gói biểu tượng có tổ chức khác dành cho Android. Đây là một gói lớn - nó chứa 350 biểu tượng được nhóm thành nhiều danh mục, chẳng hạn như Cơ bản, Buzz, Mũi tên, Mua sắm, Ảnh và Video, Âm nhạc, Người dùng, v.v. Các biểu tượng không có màu nhưng chúng có sẵn ở định dạng khác nhau, chẳng hạn như PSD, AI, EPS, SVG và PNG, vì vậy thật dễ dàng chỉnh sửa chúng để thêm màu sắc hoặc các sửa đổi khác. Theo mặc định, các biểu tượng có nhiều kích cỡ - từ 24 đến 512 pixel, nhưng một lần nữa, bạn có thể thay đổi kích thước nếu cần.
7. Thêm biểu tượng Android miễn phí
Không giống như các gói biểu tượng Android khác, gói này không dành cho nhà phát triển mà dành cho người dùng cuối. Gói này có thể được sử dụng để thay thế các biểu tượng Android gốc. Tuy nhiên, vì gói này rất lớn - 207K (vâng, hàng nghìn) biểu tượng, nên rất có thể một nhà thiết kế Android sẽ tìm thấy khá nhiều biểu tượng để sử dụng - nếu không đúng mục đích dự kiến thì ít nhất là để lấy cảm hứng. Không phải tất cả các biểu tượng đều miễn phí, đặc biệt là cho mục đích thương mại, vì vậy hãy kiểm tra giấy phép trước khi sử dụng chúng.
8. Gói biểu tượng thanh hành động từ Google
Nếu bạn muốn các biểu tượng từ chính Google, bạn có thể xem Gói Biểu tượng Thanh Hành động. Để tải xuống gói, bấm vào đây. Các biểu tượng trong gói được tối ưu hóa cho các độ phân giải màn hình khác nhau và hoạt động tốt nhất với chủ đề Holo Light và Holo Dark.
Gói chứa khoảng 150 biểu tượng cho hành động thông thường, chẳng hạn như các loại công việc cơ bản (sao chép, dán, chỉnh sửa, v.v.), điều hướng, xếp hạng, bộ sưu tập, nội dung, mạng xã hội, vị trí, máy ảnh, phương tiện, thiết bị truy cập, Phần cứng, cảnh báo và hành động bổ sung. Các biểu tượng ở định dạng PNG, không tốt bằng biểu tượng vector, do các tùy chọn chỉnh sửa PNG hạn chế mà nó cung cấp, nhưng điều đó vẫn không làm cho gói này trở nên vô dụng.
9. Biểu tượng dòng iOS7
Sau loạt phim Biểu tượng Android, đã đến lúc dành cho iOS. Gói biểu tượng iOS đầu tiên là gói miễn phí Biểu tượng dòng iOS7. Gói này chứa 80 biểu tượng ở định dạng AI, PSD, SVG và PNG (và PNG@2x). Các biểu tượng bao gồm nhiều danh mục khác nhau - từ cuộc gọi đến ảnh, âm nhạc và điều hướng. Gói này chủ yếu chứa các biểu tượng dành cho iOS7 nhưng cũng có một số biểu tượng dành cho iOS8. Gói này miễn phí nhưng bạn phải nhập địa chỉ của mình E-mailđể nhận link tải.
10. Biểu tượng thanh tab iOS7
Nếu bạn đang tìm kiếm biểu tượng thanh tab cho iOS7, hãy xem bộ này. Gói chứa 36 biểu tượng thanh tab cho iOS7 ở định dạng PSD. Trong số những thứ khác, bạn sẽ tìm thấy các biểu tượng cho Hộp thư đến, Sao chép, Thùng rác, Đăng xuất, Cài đặt, Đã khóa, v.v. Cái này gói cơ bản, nhưng nếu không cần nhiều hơn thế, bạn sẽ hài lòng với những gì mình có.
11. Megapack dành cho Android, iOS7, iPhone và Windows8
Đây là gói lớn thứ hai trong danh sách này và gói này bao gồm các biểu tượng dành cho Android, iOS và Windows. Gói khổng lồ này chứa 175K biểu tượng trong định dạng PNG và PSD. Nó cũng đi kèm với một số tính năng bổ sung - các biểu tượng trong các danh mục như Chung, Kế toán, Kinh doanh, Cơ sở dữ liệu, Giáo dục, Đồ họa, Đa phương tiện, Mạng và Thiết kế Web. Tài khoản, Kinh doanh, Cơ sở dữ liệu, Giáo dục, Đồ họa, Đa phương tiện, Thiết kế Mạng và Web).
Phần kết luận
Ứng dụng hoặc trang web của bạn có thể có rất nhiều tính năng nhưng nếu không có biểu tượng chất lượng, nó có thể hoàn toàn không được chú ý. Ngay cả khi bạn không thể tự tạo biểu tượng, vẫn có rất nhiều lựa chọn thay thế, bao gồm cả biểu tượng miễn phí. Một số bộ biểu tượng tốt nhất dành cho Android, iOS, iPhone và Windows8 đều miễn phí và tôi đã đưa chúng vào bài viết này. Tất nhiên có nhiều người khác không có trong danh sách, nếu bạn có bất kỳ đề xuất nào khác, chúng tôi rất muốn xem chúng trong phần bình luận bên dưới.
