Các lập trình sẵn viên với nhà cải cách và phát triển nói chung không phải là nhà xây cất – điều đó được đồng ý rộng rãi là đúng. Các nhà cải cách và phát triển có xu hướng tập trung vào việc tạo thành một áp dụng công việc – các nhà xây cất tập trung vào việc tạo ra ứng dụng Hấp dẫn thẩm mỹ. Nhưng tại sao các nhà phát triển không thể làm cho như vậy?

Ngày trước, khi các trang đích lag gân hoạt hình và bố cục rất dị là một điều thú vị, thì chắc chắn, thuê một công ty thiết kế chuyên nghiệp hóa là điều trọn vẹn hợp lý. Nhưng lại xu hướng thời buổi này là tối thiểu – hoặc ít nhất là được đơn giản dễ dàng hóa vô cùng nhiều.Bạn đã xem: xây đắp giao diện app android bằng photoshop

Để tôi cho mình một ví dụ nổi bật – một thời gian trước, một người nào này đã yêu cầu tôi tạo một màn hình giật gân cho ứng dụng PC của họ. Do vậy, tôi sẽ làm rất là mình – vẽ nó ra giấy nháp, nhập nó vào PhotoShop, tạo ra ra không hề ít đường nét với hiệu ứng neon lạ mắt. Nó hoàn toàn có thể là một nền game máy tính, chứ chưa hẳn là một màn hình hiển thị giật gân. Sự việc là tôi đã tạo ra ra kiến thiết thực sự lạ mắt và công huân này cho họ.

Bạn đang xem: Thiết kế giao diện android bằng photoshop

Như bạn có thể đoán, họ không thích nó. Kiến thiết mà bọn họ đi theo đúng nghĩa là một logo nhỏ tuổi của một vài vòng tròn màu ông xã lên nhau, cùng tên phần mềm bên dưới nó. Như, 2 phút trong quá trình PhotoShop. Và bạn biết các gì? Tôi phải đồng ý rằng nó giỏi hơn của tôi.

Do đó, vụ việc tôi đang làm cho là – tôi nghĩ về rằng các lập trình viên rơi vào cái mồi nhử này lúc mắc phải sai lạc tương từ bỏ như tôi vẫn làm. Cửa hàng chúng tôi có xu thế nghĩ rằng giao diện người tiêu dùng và màn hình giật gân cần được là đều thứ thực sự lạ mắt, bắt mắt để tạo cho ứng dụng nổi bật. Nhưng lại họ không tuyệt nhất thiết yêu cầu như vậy – thành thật mà nói, họ tránh việc như vậy. Họ nên mang một lập trình viên tư duy và vận dụng nó vào xây dựng thẩm mỹ – đơn giản, chức năng, hoạt động.

Trong nội dung bài viết này, hãy xem một số cách rất đơn giản để chế tạo ra giao diện người tiêu dùng / UX APP apk thanh lịch, ngay cả khi bạn phần đông không có tay nghề thiết kế.

Table of Contents

Trừ khi bạn thực sự hy vọng thứ gì đó khác, hãy thêm bó với xây cất Material Design

Ứng dụng của công ty không rất cần được unique cùng stand out from the rest nhằm nó trở nên thịnh hành và nhìn đẹp mắt. Đó là những gì Google vật liệu thiết kế đề ra để giành được – một tiêu chuẩn chỉnh cho giao diện người tiêu dùng ứng dụng trong toàn ngành và bọn chúng đã chấm dứt tốt công việc. Có không ít ứng dụng phổ biến nối sát với Material design – một vài tên tuổi béo nhất trong số ứng dụng Android, như SwiftKey, Nova Launcher, Textra SMS, YouTube, chỉ là 1 trong vài dòng tên.

Trọng trung tâm cốt lõi của Material Designs là bố cục tổng quan dựa bên trên thẻ, với bảng color đồng nhất. Google đã làm việc với những nhà thiết kế bậc nhất trong ngành, rút ​​ra không ít yếu tố từ các cách thức thiết kế về tối giản và tiếp đến phát hành toàn thể miễn tầm giá – đó là một trong những thỏa thuận tương đối tốt, vì các khóa học xây dựng trang web với ứng dụng có thể trị giá hàng trăm ngàn đô la mang đến sách năng lượng điện tử, video, Vân vân.

Bắt đầu cùng với Material design vô cùng thuận tiện và có một vài công cố giúp câu hỏi này trở nên đơn giản dễ dàng hơn, được liệt kê dưới đây:

Và nếu khách hàng cần một số cảm hứng để tạo những chủ đề Material Design solo giản, thanh lịch, hãy xem những blog danh sách sau:

Màu sắc thuận tiện hơn các bạn nghĩ

Để sửa chữa cho Material Design, những gradient dolor 1-1 giản, hợp thời trang cùng bắt mắt. Và chúng ta có thể nghĩ rằng những nhà xây dựng dành không ít thời gian nhằm sơn toàn bộ các color hoặc thiết kế gradient cuối cùng. Chúng ta đã nhầm – nó hoàn toàn có thể được triển khai trong 10 giây vào PhotoShop.

10 giây trong PhotoShop Gradient UI.

Tôi thậm chí còn hướng dẫn bạn qua điều này, để cho mình thấy nó dễ ợt như chũm nào.

Tạo một dự án công trình PS mới cho Điện thoại di động (1080 x 1920 px 72 ppi vận động tốt)


*

UIGradients.com – tủ chứa đồ lớn các gradient được sản xuất sẵn.Sao chép những giá trị hex color từ UIGradients

Sao chép các màu gradient từ phía trên bạn dạng xem trước.

Bộ chọn gradient của PhotoShop.

Xem thêm: Sự Khác Nhau Giữa Win 7 Ultimate Và Professional Và Ultimate Cái Nào Tốt Hơn?

Nhấp chuột phải vào trong 1 lớp trống vào PS cùng đi tới Tùy chọn hòa trộn> Lớp tủ Gradient.

Nhấp thẳng vào bản xem trước mẫu gradient trong menu thả xuống – không nhấp vào nút thả xuống. Nhấp trực tiếp vào gradient vẫn mở trình sửa đổi màu.

Nhập quý giá hex từ bỏ UIGradient vào luật pháp PS gradient.

Bây giờ chỉ cần dán dán những giá trị hex màu sắc từ UIGradient vào trình chỉnh sửa gradient PS.

Điều chỉnh khi nên thiết. Bây giờ bạn đã có một nền gradient chuyên nghiệp hóa cho ứng dụng app android của mình.

Các chính sách gradient khác xứng đáng thử:

Sử dụng SVGs thay bởi JPG / PNG

Thay vì thực hiện PNG hoặc JPG mang lại các bộ phận đồ họa của khách hàng (nút, biểu trưng, ​​v.v.), chúng ta thực sự nên sử dụng SVG (Đồ họa Vectơ có thể mở rộng) thay thế. Điều này là do SVG có thể được chuyển đổi kích thước nhưng không làm cho giảm quality – ví dụ: ví như bạn nâng cấp JPG lên một giá bán trị lớn hơn, nó sẽ mất chất lượng và trở nên mờ / pixel. SVG thì không. Hầu như người cố gắng sử dụng những tệp PNG bự sẽ hạ cung cấp để phù hợp với màn hình hiển thị Android – nỗ lực vào đó, chúng ta có thể sử dụng SVG nhỏ hơn nâng cấp mà không xẩy ra giảm chất lượng.

Hơn nữa, SVG rất có thể lên đến Kích thước tệp bé dại hơn 60% đến 80% đối với PNG. Điều này tức là ứng dụng hoặc trang web giành cho thiết bị di động của bạn sẽ tải cấp tốc hơn đối với người dùng và trông vẫn đẹp bất kể độ sắc nét màn hình.

Bao gồm chế độ tối bằng phương pháp sử dụng Theme.AppCompat.DayNight

Bạn không cần thiết kế hai công ty đề hiếm hoi để bao gồm chủ đề chế độ tối / đêm trong ứng dụng của mình. Nó được tích hợp không hề ít vào thư viện AppCompat, bạn chỉ việc kích hoạt nó và chỉnh sửa các giá trị.

Xem giải đáp về Ứng dụng How to lớn Implement a Dark Mode in your apk App.

Sử dụng mẫu hoặc bộ giao diện người dùng di hễ

Nếu ứng dụng của chúng ta không yêu ước GUI tùy chỉnh, kỳ lạ mắt, thì việc áp dụng mẫu hoặc bộ công cụ hoàn toàn không tất cả gì sai. Chủng loại và bộ dụng cụ rất có thể được áp dụng như một hướng dẫn đầy cảm xúc hoặc chúng ta có thể chỉ áp dụng mẫu / bộ vẻ ngoài như nó vốn có, thêm các nút và ngôn từ của riêng rẽ bạn.

Một số tài nguyên tuyệt vời dành cho các mẫu mã và bộ cơ chế giao diện người dùng Android: