Là một nhà phát triển muốn trở thành một nhà thiết kế, tôi thực sự thích tìm hiểu cách tạo UI đỉnh cao cho các trang web, ứng dụng di động, v.v. Tuy nhiên, tôi không biết gì về PhotoShop hoặc bất cứ điều gì liên quan đến thiết kế ngoại trừ HTML và CSS.
Tôi nên bắt đầu từ đâu? Làm cách nào để tìm hiểu cách tạo các trang web và giao diện được thiết kế đẹp?
Có một cuốn sách, hướng dẫn, vv mà bạn đề nghị?
Cảm ơn!
Câu trả lời:
Đối với UI, tôi khuyên bạn nên sử dụng Fireworks trên Photoshop. Photoshop là tuyệt vời cho tác phẩm nghệ thuật sáng tạo và phức tạp (in hoặc web), nhưng theo tôi là một công cụ quá phức tạp cho giao diện người dùng liên quan đến web.
Pháo hoa được thiết kế đặc biệt như một công cụ soạn thảo theo định hướng web, nơi Photoshop không có. Bộ công cụ dành cho Fireworks hướng đến việc xây dựng giao diện người dùng web, không phải là công việc sáng tạo phức tạp được cung cấp bởi Photoshop.
Pháo hoa sử dụng một công cụ rất giống với Photoshop, trừ sự phình to, vì vậy bạn có thể làm mọi thứ bạn cần để tạo giao diện người dùng web.
Pháo hoa cũng là một phần của Adobe Creative Suite, vì vậy nếu bạn có Photoshop, bạn cũng nên có nó.
Tài liệu tham khảo, không cụ thể cho Pháo hoa nhưng UI nói chung;
http://www.jankoatwarpspeed.com/
Tôi rất khuyên bạn nên đọc bài viết của anh ấy và nhìn vào công việc của anh ấy để tìm cảm hứng. Có 2 mặt để UI mà anh ấy thể hiện rất tốt: Giao diện và trải nghiệm sử dụng giao diện. Cũng được gọi là UI và UX.
Học cách sử dụng ứng dụng có thể được tìm thấy thông qua các hướng dẫn trực tuyến. Envato có một mạng hướng dẫn tuyệt vời http://tutsplus.com/ , được cấp trang web Hướng dẫn chính cho web của họ là Photoshop, nhưng hầu hết những gì họ làm trong Photoshop đều được thực hiện theo cùng một phương pháp tương tự, trong Fireworks.
Tôi cũng thấy mình khá thường xuyên đánh dấu các trang web có các đặc điểm thiết kế hoặc các yếu tố UI độc đáo theo kịch bản tương lai sẽ hoạt động tốt cho một dự án. Ví dụ, cấu trúc tab độc đáo, kiểu accordian hoặc thậm chí là máy nhắn tin.
Thiết kế UI ở mức cơ bản được chia thành các khu vực hiển thị dữ liệu. Vì bạn có nền tảng của nhà phát triển, bạn biết cách trình bày dữ liệu từ góc độ logic (Menu, accordion, tab, v.v.). Bây giờ thực sự chỉ cần xây dựng giao diện người dùng đó bằng cách sử dụng các điều khiển hoặc mô-đun đó từ góc độ trực quan.
Một số đọc thêm về UX:
Cũng có nền tảng của nhà phát triển, tôi có thể nói với bạn rằng khi tôi xây dựng ứng dụng của mình, bước đầu tiên là tạo giao diện người dùng để xác định chức năng của ứng dụng. Tác phẩm nghệ thuật được tạo của tôi đóng vai trò là giá trị nghệ thuật cho ứng dụng nhưng cũng là định nghĩa chức năng. Tôi luôn xây dựng logic của mình xung quanh tác phẩm nghệ thuật đã hoàn thành, không bao giờ có cách khác. Điều này luôn có nghĩa là tôi đặt người dùng lên hàng đầu.
Tôi hy vọng điều này cung cấp cho bạn ít nhất một điểm khởi đầu.
Bạn may mắn. Nhiều người đã bước vào thế giới Thiết kế Web đặt câu hỏi tương tự. Thông thường, bạn sẽ thấy một nhóm người, bao gồm ít nhất một lập trình viên và một nhà thiết kế đồ họa. Lựa chọn tốt với Photoshop - đó là những gì tôi gắn bó.
Với phiên bản mới nhất của Adobe Photoshop, CS5, nó đã trở nên cực kỳ tiên tiến - có thể thực hiện các tác vụ phức tạp bằng các công cụ đơn giản hoặc thậm chí các tác vụ phức tạp hơn với các công cụ phức tạp. Nhưng tôi cảnh báo bạn, học tất cả các tính năng thú vị của Photoshop có thể dẫn đến thiếu chất dinh dưỡng. :)
Dưới đây là một hướng dẫn bao gồm những điều cơ bản để bạn có thể hiểu được mọi thứ:
Khi bạn đã giải quyết được tất cả, tôi đã tìm thấy một loạt các trang web trên Google có một số hướng dẫn thiết kế thực sự sáng tạo.
Có một số kỹ thuật mà bạn có thể phải học. Một mẹo, sáng bóng thường là một bước tốt trong những ngày này. Để có được một thiết kế thực sự độc đáo, hãy tìm các tính năng mà bạn thích từ bất kỳ mẫu trang web nào, sau đó sử dụng nó theo cách riêng của bạn.
Tôi hy vọng điều đó đã giúp. Để lại một bình luận nếu bạn cần thêm thông tin.