UI Document do UI Designer Tú Bùi tổng hợp từ kinh nghiệm cá nhân trong quá trình thực hiện project tại Silicon Straits Saigon. Tài liệu là nguồn tham khảo hữu ích cho các bạn UI/UX Designer, Mobile Developer, đặc biệt là những ai muốn tìm hiểu công việc của một UI Designer từ những bước cơ bản nhất.
UI Document được viết ngắn gọn dưới dạng slide, chắt lọc những thông tin cơ bản và tập trung nhất. Nội dung bao gồm các phần:
Mục lục
1. Số liệu kĩ thuật
2. Những điều lưu ý
3. Input để design
4. Output cho dev
5. Quy trình làm việc
6. Resources
*Lưu ý: Tất cả thông tin trong slide UI Document được tổng hợp từ kinh nghiệm cá nhân của Tú Bùi. Nếu bạn có bất kì góp ý hay câu hỏi nào hãy liên hệ với tác giả qua email tubui@siliconstraits.vn.
Bài 2 Làm việc với biểu mẫu cơ bản - Giáo trình FPTMasterCode.vn
1. Giới thiệu về biểu mẫu
2. Tìm hiểu cấu trúc chung của biểu mẫu
3. Tìm hiểu các dạng thể hiện của biểu mẫu
4. Tìm hiểu các cách tạo biểu mẫu trong MS Access
5. Tìm hiểu các điều khiển của biểu mẫu
6. Tìm hiểu về nút lệnh
UI Document do UI Designer Tú Bùi tổng hợp từ kinh nghiệm cá nhân trong quá trình thực hiện project tại Silicon Straits Saigon. Tài liệu là nguồn tham khảo hữu ích cho các bạn UI/UX Designer, Mobile Developer, đặc biệt là những ai muốn tìm hiểu công việc của một UI Designer từ những bước cơ bản nhất.
UI Document được viết ngắn gọn dưới dạng slide, chắt lọc những thông tin cơ bản và tập trung nhất. Nội dung bao gồm các phần:
Mục lục
1. Số liệu kĩ thuật
2. Những điều lưu ý
3. Input để design
4. Output cho dev
5. Quy trình làm việc
6. Resources
*Lưu ý: Tất cả thông tin trong slide UI Document được tổng hợp từ kinh nghiệm cá nhân của Tú Bùi. Nếu bạn có bất kì góp ý hay câu hỏi nào hãy liên hệ với tác giả qua email tubui@siliconstraits.vn.
Bài 2 Làm việc với biểu mẫu cơ bản - Giáo trình FPTMasterCode.vn
1. Giới thiệu về biểu mẫu
2. Tìm hiểu cấu trúc chung của biểu mẫu
3. Tìm hiểu các dạng thể hiện của biểu mẫu
4. Tìm hiểu các cách tạo biểu mẫu trong MS Access
5. Tìm hiểu các điều khiển của biểu mẫu
6. Tìm hiểu về nút lệnh
Visual Basic (VB) là một công cụ lập trình hướng đối tượng sử dụng rộng
rãi để xây dựng các ứng dụng trong nhiều lĩnh vực khác nhau. Đối với các ứng
dụng phục vụ đào tạo VB đặc biệt quan trọng vì khả năng thiết kế nhanh chóng
các giao diện đẹp và thân thiện giữa người và máy tính. khác với một số ngôn
ngữ lập trình khác bên cạnh các tập lệnh, cú pháp lập trình VB thường xuyên
phải xử dụng các khái niệm như đối tượng, thuộc tính, phương thức, lớp…
Android là một hệ điều hành dành cho thiết bị di động như điện thoại, máy tính bảng, máy đọc sách.
Android cung cấp framework ứng dụng ở dạng component.
Hỗ trợ trình duyệt web, đồ họa 2D – 3D, các định dạng đa phương tiện, bluetooth.
BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPTMasterCode.vn
Tạo hiệu ứng cho vật thể, sử dụng thanh
Appearance
Cách sử dụng hiệu ứng
Lưu graphic style và áp dụng graphic style cho
symbol
Bước đầu làm quen với chế độ hòa trộn và độ trong
suốt của vật thể
Trích xuất và lưu file trong Illustrator dưới dạng EPS,
PDF, Web
Tạo hiệu ứng cho vật thể, sử dụng thanh
Appearance
Cách sử dụng hiệu ứng
Lưu graphic style và áp dụng graphic style cho
symbol
Bước đầu làm quen với chế độ hòa trộn và độ trong
suốt của vật thể
Trích xuất và lưu file trong Illustrator dưới dạng EPS,
PDF, Web
BÀI 1 Giới thiệu những khía cạnh tổng quan về thiết kế web - Giáo trình FPTMasterCode.vn
Các khía cạnh thiết kế web
Những kỹ năng thiết yếu trong thiết kế website
Quy trình thiết kế website
Một số vấn đề trong thiết kế website
Một số website có thiết kế tiêu biểu
Visual Basic (VB) là một công cụ lập trình hướng đối tượng sử dụng rộng
rãi để xây dựng các ứng dụng trong nhiều lĩnh vực khác nhau. Đối với các ứng
dụng phục vụ đào tạo VB đặc biệt quan trọng vì khả năng thiết kế nhanh chóng
các giao diện đẹp và thân thiện giữa người và máy tính. khác với một số ngôn
ngữ lập trình khác bên cạnh các tập lệnh, cú pháp lập trình VB thường xuyên
phải xử dụng các khái niệm như đối tượng, thuộc tính, phương thức, lớp…
Android là một hệ điều hành dành cho thiết bị di động như điện thoại, máy tính bảng, máy đọc sách.
Android cung cấp framework ứng dụng ở dạng component.
Hỗ trợ trình duyệt web, đồ họa 2D – 3D, các định dạng đa phương tiện, bluetooth.
BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPTMasterCode.vn
Tạo hiệu ứng cho vật thể, sử dụng thanh
Appearance
Cách sử dụng hiệu ứng
Lưu graphic style và áp dụng graphic style cho
symbol
Bước đầu làm quen với chế độ hòa trộn và độ trong
suốt của vật thể
Trích xuất và lưu file trong Illustrator dưới dạng EPS,
PDF, Web
Tạo hiệu ứng cho vật thể, sử dụng thanh
Appearance
Cách sử dụng hiệu ứng
Lưu graphic style và áp dụng graphic style cho
symbol
Bước đầu làm quen với chế độ hòa trộn và độ trong
suốt của vật thể
Trích xuất và lưu file trong Illustrator dưới dạng EPS,
PDF, Web
BÀI 1 Giới thiệu những khía cạnh tổng quan về thiết kế web - Giáo trình FPTMasterCode.vn
Các khía cạnh thiết kế web
Những kỹ năng thiết yếu trong thiết kế website
Quy trình thiết kế website
Một số vấn đề trong thiết kế website
Một số website có thiết kế tiêu biểu
Định Hướng Nghề Lập Trình cho Sinh Viên CNTT năm 1giapmaster
Có cái nhìn tổng quát về các công nghệ trong nghề lập trình.
Biết các kỹ năng, kiến thức cần có để trở thành lập trình viên.
Chuẩn bị các kiến thức và kỹ năng cần thiết từ những năm học đầu tiên.
The document discusses marketing strategies that can be used without a budget. It recommends stunt marketing through creative campaigns to generate free publicity and word-of-mouth promotion. It also suggests pursuing partnerships with other brands and influencers to leverage their audiences. Additionally, it advises creating useful content for potential users and sharing it through blogs and pitching to journalists while also using owned media channels. Events are presented as another opportunity for publicity if the right partnerships can be formed. The overall message is that marketing creativity and resourcefulness can help promote products and services without a large budget.
SHIELD FORGE 15/9/15 - Building a startup dream team shield_vn
This document provides advice on building a startup dream team and discusses co-founders, first hires, and advisors. It recommends that co-founders should have complementary skills, the right chemistry, traits like integrity and perseverance. The first hires should believe in the company vision and fit the culture. Advisors can provide valuable guidance if asked and properly compensated. Building the right team is essential for startup success.
The document discusses characteristics of successful tech startups in Vietnam. It finds that on average, founders of successful startups were older at 28.8 years when starting their first successful company. They tended to gain experience through multiple jobs and startups before founding their own. About half had experience working or studying overseas. Successful startups also customized business models that had proven successful elsewhere and were built over many years, with the average successful founder running their startup for 5.7 years. The document provides recommendations for building a successful startup, including getting experience, international exposure, and adapting tested models while also considering exceptions to these trends.
How to Win Strategy by AVC Eldeman Bui Ngoc Anhshield_vn
The document outlines a strategy for developing a winning competitive strategy. It discusses defining what winning means for your organization, understanding why your organization exists, focusing on solving customer problems rather than products, analyzing competitors, choosing where to compete, finding attractive market segments to target, developing approaches for how to win through cost leadership or differentiation, playing to your strengths, and building management systems to support your strategic capabilities. The overall message is to carefully consider questions of purpose, customers, competition and capabilities when developing a strategy to win.
The document provides an overview of the Vietnam startup scene. It discusses why the startup scene in Vietnam is hot, with notable startups like Flappy Bird generating significant revenue. It outlines key trends in Vietnam startup investment from 2012-2014, including major investors and deals. The document also discusses the movement and trends in Vietnam startups, including key industries like gaming, e-commerce, and mobile apps. It provides information on resources available to startups in Vietnam such as incubators, accelerators, coworking spaces, investment funds, and universities supporting entrepreneurship. Finally, it discusses some myths surrounding the Vietnam startup scene and constraints that still exist.
10. Lý do
- Tạo ra để làm UI
- Quản lý UI dễ dàng
- Cực kì nhanh
- Rẻ - Có bản quyền
11. Màn hình design chính
iPhone 5
retina
720 x 1280 px
- Đa số người
dùng đang xài
- Size màn hình ở
mức trung bình
- xhdpi
- Rất nhiều size
khác nhau
22. Dựa trên kinh nghiệm cá nhân
• Dễ tính, dễ nhớ -> Nhanh
• Đều -> Đẹp
23. • Font size tiêu đề ở Navigation bar: 34px
• Font size body bình thường: 24px
• Font size body nhỏ nhất: 20px
Hệ điều hành iOS
24. • Font size tiêu đề ở Action bar: 40px
• Font size body bình thường: 28px
• Font size body nhỏ nhất: 24px
Hệ điều hành Android
Location services disabled
Please turn on location services in
Setting -> Privacy -> Location Services
12:30
Setting
26. • Của cả 2 hệ điều hành là 40px
Khoảng cách lý tưởng thụt lề
40px
• Trung bình là 20px
Khoảng cách giữa các đối tượng khác loại
vd: chữ cách button 20px
35. Tất cả các size của 2 hệ điều hành
đều phải là số chẵn
• Màn hình Retina là x2, khi scale xuống màn hình
thường phải chia hết 2
• Màn hình xhdpi của Android 1dp = 2px
Lý do
39. • Group rõ ràng các cụm lại
• Nhớ đặt tên theo đúng chức năng
Về Layer
40.
41. Đặt tên artboard theo tên của screen
Về Artboard
Cách đặt số:
‣ Số đầu tiên là thứ tự trong flow chính
của wireframe
‣ Số thứ hai trở đi là số thứ tự trong nhánh
của screen chính
ví dụ: 2.3 nghĩa là screen con thứ 3 trong
screen chính thứ 2
45. Làm được UI nào thì export ra
thành screenshot liền và cùng tên với artboard đó
• Để mọi người dễ theo dõi
• Lỡ app crash còn hình mẫu để đồ lại
Mục đích
46. • iOS vs Android
• Số liệu
• Đặt tên
• Screenshots
Những điều nên nhớ
48. 1. Userflow của app
2. Wireframe của toàn bộ app
3. Brand của app ( nếu có )
4. Mục đích chính của app
5. User là ai ( miêu tả càng rõ càng tốt )
6. iOS hay Android, cái nào ưu tiên hơn?
50. 1. Tham gia buổi họp kickstart project
2. Khi UX đang làm userflow…..thì mình bắt đầu research UI ( tham khảo trên mạng, xài
các app đối thủ )
3. Trao đổi và góp ý về wireframe với UX
4. Bắt đầu làm UI
5. Trao đổi trực tiếp với UX ( để biết về mong muốn, idea này nọ )
6. Làm keyvisual 2, 3 trang UI chính ( thấy gì ko ổn thì trao đổi liền với UX )
7. Review với team về keyvisual
8. Gởi cho PM để confirm với client
9. Chốt xong keyvisual thì chiến cho hết ( song song với việc làm prototype & animation)
10. Bàn giao cho bên Dev