SỔ TAY ICON

Page 1

SAMPLE


ICON LÀ GÌ “Icon” là một từ vựng trong tiếng Anh. Nó mang nghĩa là biểu tượng, hình tượng. Các biểu tượng có thể thể hiện cho nhưng hình ảnh từ đơn đến phức tạp , ví dụ như : cảm xúc ,máy móc , phương tiện , ....


MỤC LỤC



ICON CÓ TỪ BAO GIỜ ...

Rất lâu trước khi các nền văn hóa phát triển bất kỳ hình thức ngôn ngữ viết, khoảng 100.000 năm trước con người đã truyền đạt bằng các biểu tưởng và hình ảnh. Những biểu tưởng này được vẽ hoặc khắc lên đá .Không chỉ là nghệ thuật mà như biểu tượng , hình ảnh này còn ghi lại những sự kiện ,kể lại những câu chuyện về đời sống


ICON CÓ TỪ BAO GIỜ ...

Một kiểu tượng hình tương tự cũng xuất hiện sau đó (5000 năm trước) tại một số ngôn ngữ khác như chữ viết Trung Quốc và chữ tượng hình Ai Cập cổ đại.


CHỮ TƯỢNG HÌNH

CHỮ TƯỢNG HÌNH AI CẬP CỔ ĐẠI

CHỮ TƯỢNG HÌNH TRUNG QUỐC


SỰ RA ĐỜI CỦA BIỂU TƯỢNG CHỮ THẬP ĐỎ

Bằng một cách tương tự, trong thời gian đại dịch hạch của Anh, cửa trước của một ngôi nhà biến cách được sơn chữ thập đỏ lớn bởi bác sĩ như một lời cảnh báo những người đi qua. Chúng ta vẫn sử dụng kí hiệu thập đỏ với ý nghĩa cảnh báo cho đến tận ngày nay.


ICON NHỮNG NĂM 1930 ...


XUẤT HIỆN Ở OLYMPIC GAMES

Từ 1964 đến 1972 đã có nhưng nhóm riêng để thiết kế các biểu tượng cho Olympic , cho các môn thể thao được thi tài .


SAMPLE

Với sự phát triển không ngưng , icon được sự dụng vời vô số các mục đích khác nhau. Biểu tưởng không chỉ trang trí làm đẹp mà nó còn có nhiều tác dụng hơn thế


ĐỊNH HƯỚNG VÀ CẢNH BÁO


ĐỊNH HƯỚNG

Mắt con người thường thích tập trung vào hình ảnh nhiều hơn là chữ viết . Áp dụng định luật ,icon được sự dụng rất nhiều với chức năng định hướng tạo ra sự rõ rảng cho các website , các thanh công cụ , ….


ĐỊNH HƯỚNG

Mỗi icon đều mang một ý nghĩa nên dùng nó thay cho chữ viết mang lại hiệu quả hiển thị cao hơn rất nhiều


ĐỊNH HƯỚNG

Trình nghe nhạc

Giao diện hệ điều hành


ĐỊNH HƯỚNG

Sử dụng các icon có kích thước lớn , sẽ tạo ra hiệu qua lớn hơn trong việc thu hút thị giác .



CÁCH VIMEO XÂY DỰNG WEBSITE

Vimeo là một ví dụ tuyệt vời của việc sử dụng biểu tượng trên web. Các biểu tượng không chỉ rõ ràng và súc tích với một phong cách rất phù hợp


CÁCH VIMEO XÂY DỰNG WEBSITE

Khi xem video trên Vimeo lại có thế những biểu tượng khác . Ngoài nhưng biểu tượng điều khiển video rõ ràng , khả năng thích và chia sẻ hoặc xem lại sau cũng được biểu thị rõ ràng


CẢNH BÁO

Nhờ vào đặc điểm thu hụt sự chú ý , nên các biều tưởng được dụng cho các biện cảnh bảo


CẢNH BÁO

Cảnh bảo của khi vào các website nguy hiểm


TÌNH TRẠNG VÀ THÔNG BÁO


TÌNH TRẠNG

Hầu hết các trang web và các game online luôn có phân hiện trạng thái người dùng , nó cũng là phần không thể thiếu trên các mạng xã hội



THÔNG BÁO

Icon giúp đưa những thông báo đến cho người dùng một cách nhanh chóng hơn nhưng cách chuyền thống



Icon được sử dụng vời mục đích thông báo , ứng dụng khác nhiều trên nhưng smartphone .



BÀY TỎ CẢM XÚC


ICON CẢM XÚC

Là các biểu tượng giúp chúng ta thể hiện cảm xúc dù không ở cạnh nhau . Trò chuyện qua mạng đã bùng nổ khi các biểu tưởng cảm xúc ra đời .


BÀY TỎ TRẠNG THÁI CẢM XÚC

Nhờ có nhưng biều tương cảm xúc mà giờ đấy không cẩn nhìn thấy nhau chúng ta vẫn biết được cảm xúc của nhau


KẾT NỐI CẢM XÚC

Icon , được ứng dụng nhiều nhất là để bày bỏ cảm xứng , cùng với đó là các icon cảm xúc cũng có số lượng vô cùng nhiều


VÀI BỘ ICON CẢM XÚC DỄ THƯƠNG

MUGSY

PUSHEEN


VƯỢT QUA RÀO CẢN NGÔN NGỮ


SAMPLE


Biểu tượng cũng đã xóa tàn rào cản ngôn ngữ , có thể truyền đại được vô sô nhưng thông điệp mà toàn thế giời có thể hiểu .


QUẢN LÝ KỲ VỌNG

Các biểu tượng cũng có thể cho người dùng biết nếu có điều gì sẽ xảy ra khi một mục được chọn .


Nếu chúng ta thấy mũi tên xuống , thì đò là biểu tưởng cho thêm những sự lựa chọn mới xuất hiện , thay vì đưa đến trang mới .


VÍ DỤ ...

Ví dụ như Youtube . đã sử dụng biểu tượng ba dòng kẻ để biểu thị cho phần mục lục .


VÍ DỤ ...

Google , sử dựng icon để thể hiện nơi có những công cụ mở rộng .


ICON TRONG ĐỜI SỐNG






Icon được phân loại thế nào ? Chúng khác nhau ở đâu ? Icon thật sự rất đa dạng chúng được phân thành rất nhiều loại khác nhau : Flat icon , Photorealistic icon , Outline icon Glyph icon , Hand drawn icon .


FLAT ICON

Flat icon , là nhưng icon được thiết kế với dạng phẳng , đơn giản hóa các chi tiến , tạo nên cảm giác hiện đại .


FLAT ICON


PHOTOREALISTIC ICON

Được thiết kế theo đúng hình ảnh thật ngoài thực tế , làm hình ảnh vô cùng chân thực .


PHOTOREALISTIC ICON


GLYPH ICON

Glyph icon , phác họa hình tượng của các vật thể chỉ với một màu ( thường là màu đen hoặc trắng ) .


GLYPH ICON


OUTLINE ICON

Tập trung sử dụng các đường nét đơn giản để phác họa hình ảnh nào đó .


OUTLINE ICON


HAND DRAWN ICON

Như một bản vẽ tay , đơn giản và màu sắc thường được sử dung là màu đen


HAND DRAWN ICON


CÁC NHÌN TỔNG QUÁT VỀ CÁC LOẠI ICON ...

Ở trên chúng ta đã thấy về các đặc điểm cơ bản của các loại Icon , dười đây là một số ví đụ


VÍ DỤ ...

FLAT ICON

PHOTOREALISTIC ICON

OUTLINE ICON

HAND DRAWN ICON

GLYPH ICON


VÍ DỤ ...

FLAT ICON

PHOTOREALISTIC ICON

OUTLINE ICON

HAND DRAWN ICON

GLYPH ICON


VÍ DỤ ...

FLAT ICON

PHOTOREALISTIC ICON

OUTLINE ICON

HAND DRAWN ICON

GLYPH ICON


SAMPLE

Theo sự phát triển của xã hội loại người , Icon cũng phát triển không ngưng và càng ngày càng đa dạng hơn . Biểu tưởng phản ánh những hình ảnh của đời sống thực tế , nên thể loại ,đề tài của icon vô cùng rộng lớn ,và có thể coi là không có giới hạn . Vì icon sẽ luôn phát triển theo những bước tiến của nhân loại .


NHỮNG CHỦ ĐỀ ICON

BIỂU TƯỢNG CẢM XÚC


NHỮNG CHỦ ĐỀ ICON

BIỂU TƯỢNG MĨ THUẬT


NHỮNG CHỦ ĐỀ ICON

BIỂU TƯỢNG LOGO


NHỮNG CHỦ ĐỀ ICON

BIỂU TƯỢNG Y TẾ


NHỮNG CHỦ ĐỀ ICON

BIỂU TƯỢNG CÔNG NGHỆ


NHỮNG CHỦ ĐỀ ICON

BIỂU TƯỢNG THỂ THAO


NHỮNG CHỦ ĐỀ ICON

BIỂU TƯỢNG THỜI TIẾT


NHỮNG CHỦ ĐỀ ICON

BIỂU TƯỢNG ÂM NHẠC


NHỮNG CHỦ ĐỀ ICON

BIỂU TƯỢNG Y HỌC


NHỮNG CHỦ ĐỀ ICON

BIỂU TƯỢNG ĐỒ ĂN


NHỮNG CHỦ ĐỀ ICON

BIỂU TƯỢNG ĐỘNG VẬT


NHỮNG CHỦ ĐỀ ICON

BIỂU TƯỢNG NHẠC CỤ


NHỮNG CHỦ ĐỀ ICON

BIỂU TƯỢNG TRÒ CHƠI


NHỮNG CHỦ ĐỀ ICON

BIỂU TƯỢNG KHÔNG GIAN


NHỮNG CHỦ ĐỀ ICON

BIỂU TƯỢNG MÔI TRƯỜNG


SAMPLE

Vào thời công nghệ hiện nay việc chia sẽ dự liệu rất phổ biến , icon cũng nằm trong số đó. Giờ có rất nhiều trang web chia sẽ các biểu tượng đẹp


icons8.com


flaticon.com

VIET GI DO


XU HƯỚNG ICON HIỆN NÀY LÀ GÌ ?


XU HƯỚNG

Flat design đã lên ngôi trong những năm gần đây , và thiết kế icon cũng không thể nằm ngoài cuộc chơi


SỰ THAY ĐỔI CỦA APPLE



XU HƯỚNG MODEST LINE LÊN NGÔI

Là một dạng của outline icon nhưng được biến đổi để tạo nên xu hướng








MỘT SỐ BỘ ICON THÚ VỊ











Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.