GVHD: ThS.Nguyễn Lê Mai Sinh viên: Nguyễn Hương Giang Mã SV: B17DCPT059 BÁO CÁO MÔN THIẾT KẾ ẤN PHẨM ĐIỆN TỬ Năm học: 2019-2020 A MỞ ĐẦU I Tổng quan chung Emagazine gì? Báo trực tuyến, báo điện tử, báo mạng hay tin tức trực tuyến loại hình báo viết xây dựng theo hình thức trang web phát hành dựa tảng Internet Báo điện tử tòa soạn điện tử xuất bản, cịn người đọc báo dựa máy tính, thiết bị cá nhân máy tính bảng, điện thoại di động trung cao cấp, có kết nối internet Phân loại Theo wikipedia Theo cách thức biên tập phát hành chia ra: - Báo lai (hybrid), báo trực tuyến phát hành song song với báo in Ngày tất báo in có phát hành trực tuyến Các báo có đội ngũ phóng viên hùng hậu cập nhật tin liên tục phiên trực tuyến khác hẳn in Khái niệm kỳ phát hành "báo ngày", "báo tuần" khơng cịn - Chỉ trực tuyến (online-only), phát hành gần khơng có in tương ứng Đây báo hãng thông tấn, phát thanh, truyền hình lập Trường hợp đơn giản báo đời mà việc phát hành in khơng có khả cạnh tranh khơng hiệu kinh tế - Báo tổng hợp tin tức từ báo khác (News Aggregators), đơn giản quét liệu, thông tin từ trang khác Người ta gọi chung báo điện tử dạng này, theo cách khác "Báo tự động cập nhật tin tức" Theo wikipedia B SẢN PHẨM II Quy trình làm sản phẩm Lên ý tưởng Thông qua sản phẩm báo điện tử trực tuyến VTV, kênh 14, em bắt đầu lên ý tưởng thiết kế lại cho số báo có thiết kế “chưa ổn” Từ em lên mindmap để tìm kiếm nội dung mà thiết kế phần em viết tay ngắn gọn cụm từ khóa Sau nắm hướng mà triển khai, em lên nghiên cứu thêm mẫu emagazine trang VTV, kênh 14, ý tưởng thiết kế Behance, Pinterest, lập moodboard 2 Thiết kế layout Sau có ý tưởng nội dung hình thức, em lên layout trang chủ trang Tuy sau hình thức trang chủ trang có chút thay đổi bám theo layout lên từ trước Vì nội dung viết thể ảnh bìa nên trang chủ em muốn phần hình minh họa, tiết kiệm khơng gian hiển thị nhiều viết lúc Căn theo luật chỉnh, tương phản thiết kế, em cho layout trang chủ sau, viết “hot” bật Thiết kế layout Đối với phần trang con, ảnh bìa phần quan trọng nhất, nơi mà người đọc nhìn vào báo, nên em phần ảnh bìa chiếm tồn (và dài hơn) phần hình để người đọc lăn chuột máy tính (hay lướt điện thoại tablet) xuống tiếp tục đọc nội dung Ngoài cuộn trang ln có nút bấm quay đầu trang (áp dụng quy tắc thói quen người dùng) Thiết kế sản phẩm Đối với phần trang bìa, em sử dụng màu chủ đạo em hướng tới trang báo dành cho giới trẻ Dựa theo nguyên tắc tính lặp lại (về màu sắc bố cục) tương phản (trong kích thước màu sắc) Phần nút di chuyển báo Khung tìm kiếm từ khóa để tìm nhanh typeface : SVN-Gotham #084054 #ab2f4f #f89921 #e6f5fc Sử dụng nguyên tắc chỉnh để làm thông tin gọn gàng Theo tâm lý người dùng ln muốn quay lại vị trí cũ hay chuyển sang trạng thái lúc Sử dụng hiệu ứng lân cận phân tách thông tin có liên quan với Phân cấp thơng tin Thiết kế sản phẩm Đối với trang con, em sử dụng màu chủ đạo đồng thời sử dụng thiết kế typography để viết bật #101923 #ab2223 #2a7f99 #ffffff Typeface : Gotham #deddda #f8991e #ef3734 #0e2e3f Typeface : A love of thunder UTM ClassizismAntiqua UTM A&S Heartbeat Thiết kế sản phẩm Typeface : Gotham Thiết kế sản phẩm Typeface : Gotham UTM ClassizismAntiqua #2b3d5e #f26b6b #567380 #ffffff Typeface : Gotham Thiết kế sản phẩm #2b3d5e #f26b6b #567380 #ffffff Typeface : Gotham UTM Aptima Masterpage trang Typeface : Gotham Cảm ơn thầy cô theo dõi ... UTM A&S Heartbeat Thiết kế sản phẩm Typeface : Gotham Thiết kế sản phẩm Typeface : Gotham UTM ClassizismAntiqua #2b3d5e #f26b6b #567380 #ffffff Typeface : Gotham Thiết kế sản phẩm #2b3d5e #f26b6b... Theo wikipedia B SẢN PHẨM II Quy trình làm sản phẩm Lên ý tưởng Thông qua sản phẩm báo điện tử trực tuyến VTV, kênh 14, em bắt đầu lên ý tưởng thiết kế lại cho số báo có thiết kế “chưa ổn” Từ... phân tách thơng tin có liên quan với Phân cấp thông tin Thiết kế sản phẩm Đối với trang con, em sử dụng màu chủ đạo đồng thời sử dụng thiết kế typography để viết bật #101923 #ab2223 #2a7f99 #ffffff