Icon là gì? Ý nghĩa, cách sử dụng icon trong thiết kế web

Với những người tiêu dùng đem niềm thích hợp với những nền tảng social Facebook, Zalo, Instagram,… thì dĩ nhiên tiếp tục rất gần gũi với những Icon bản thân dùng hằng ngày. Hình như bọn chúng cũng xuất hiện tại nhiều bên trên những skin trang web hoặc ứng dụng của màn hình hiển thị điện thoại cảm ứng, PC, bảng hướng dẫn biển khơi hiệu,… Vậy icon thực hóa học là gì và tăng thêm ý nghĩa như vậy nào? Hãy nằm trong theo gót dõi nội dung bài viết tiếp sau đây nhằm làm rõ rộng lớn nhé.

Định nghĩa Icon

Icon được nghe biết và xuất hiện tại phen trước tiên năm 1981 bên trên nền tảng Xerox Star với 3 hình tượng là thùng rác rến, máy in và folder. Đến năm 1984, những design Icon chính thức xuất hiện tại rộng thoải mái rộng lớn với tương đối nhiều người tiêu dùng dựa vào Apple. Dựa bên trên “Design System Grammar” của Daniel Eden, Icon được khái niệm là một trong bộ phận dùng làm tạo thành button, links, navigation, mô tả tìm kiếm. Cấu tạo ra của Icon tiếp tục bao hàm line, shape, space, meaning.

Bạn đang xem: Icon là gì? Ý nghĩa, cách sử dụng icon trong thiết kế web

Phân loại Icon như vậy nào?

Với sự trở nên tân tiến mạnh mẽ và tự tin của technology như lúc bấy giờ, Icon xuất hiện tại nhiều hơn thế với tương đối nhiều mẫu mã, mẫu mã và ý nghĩa sâu sắc không giống nhau. Nhìn công cộng, Icon đem 3 cơ hội phân loại như sau:

Phân loại icon theo gót chức năng

• Clarifying icon: dùng làm giải nghĩa

• Decorative icon: dùng làm trang trí

Phân loại icon theo như hình thức

• Lineal icon: chỉ người sử dụng nét

• Glyph icon: chỉ người sử dụng mảng

  

• Flat icon: người sử dụng đường nét, mảng, nhiều cụ thể rộng lớn và tạo ra cảm hứng minh họa nhiều hơn

Phân loại icon theo gót ý nghĩa

• Iconic Icon: nghĩa hoán dụ (có đường nét ngay sát gũi)

Ví dụ như các bạn design icon nhằm ám chỉ số điện thoại cảm ứng, các bạn ko thể vẽ cụ thể keyboard vì thế đem rất nhiều cụ thể, khó khăn nhận ra, thay cho nhập cơ các bạn sẽ vẽ ống nghe ? của máy bàn và người nhìn hoàn toàn có thể đơn giản dễ dàng liên tưởng cho tới việc gọi năng lượng điện, ngoại giả hoàn toàn có thể thay cho vì chưng hình hình họa điện thoại cảm ứng địa hình đơn giản và giản dị.

• Symbolic Icon: hiểu theo gót nghĩa ẩn dụ (có đường nét tương đồng)

Ví dụ như vết tick ✔ ko tương quan thẳng cho tới việc kiểm tra mark, cũng ko tồn bên trên ngoài đời thiệt tuy nhiên trên đây lại là một trong hình tượng được quy ước và đem ý nghĩa sâu sắc hoàn thiện việc gì đó; nên vết tick được dùng nhằm hình tượng cho tới icon kiểm tra mark.

Tùy nằm trong nhập yêu cầu tương đương văn cảnh, bạn cũng có thể phối kết hợp nhiều loại icon nhằm diễn tả được nội dung một cơ hội rõ nét và nhanh chóng gọn gàng nhất.

Icon được dùng như vậy nào?

Icon hình tượng cho những phần mềm

Icon được dùng nhằm hình tượng hiển thị cho những ứng dụng cũng tựa như những phần mềm bên trên vũ trang điện thoại cảm ứng, PC,.. nhằm mục đích gom người tiêu dùng đơn giản dễ dàng phân biệt những ứng dụng không giống nhau. Mỗi phần mềm sẽ sở hữu một hình tượng icon khác lạ và contact thẳng cho tới thương hiệu phần mềm, vì vậy nhưng mà các bạn chỉ việc nhìn qua loa cũng hoàn toàn có thể hiểu rằng đấy là ứng dụng hoặc phần mềm này.

Icon hình tượng cho tới cảm xúc

Trên những nền tảng social lúc bấy giờ, icon được dùng thật nhiều nhằm biểu thị xúc cảm và truyền đạt những thông điệp không giống nhau cho tới người nhận. Với ngẫu nhiên sinh hoạt hoặc hiện trạng xúc cảm này của thế giới nhập cuộc sống thường ngày, icon cũng hoàn toàn có thể biểu thị được bọn chúng nhưng mà không nhất thiết phải nhắn vì chưng text thường thì. Có cho tới sản phẩm ngàn icon không giống nhau nhằm bạn cũng có thể đơn giản dễ dàng lựa lựa chọn và dùng nhằm mục đích tăng tính thú vị cho tới cuộc chuyện trò của tôi.

Icon gom tạo ra điểm vượt trội cho những người đọc

Ngoài rời khỏi, icon cũng khá được dùng nhằm lưu lại được những dòng sản phẩm đầu nhập một văn phiên bản. Vấn đề này gom văn phiên bản xinh xắn và đem điểm vượt trội rộng lớn cho tới đôi mắt người hiểu. quý khách hàng hoàn toàn có thể đơn giản dễ dàng xác lập được đâu là phần chủ yếu cần thiết lưu ý và đâu là những cụ thể phân tách nhỏ rộng lớn. Trong những nội dung bài viết bên trên FAcebook, Zalo hoặc những bài bác lăng xê, icon đại diện được dùng thật nhiều nhằm thú vị người coi nhiều hơn thế thay cho chỉ nhằm những đoạn text thường thì.

Vai trò của icon nhập design web

Icon nhập design trang web là nguyên tố nhỏ về độ cao thấp và ko đem ý nghĩa sâu sắc vượt lên trên thâm thúy. Tuy nhiên bọn chúng lại vào vai trò cần thiết nhằm đã cho thấy vấn đề và là điểm vượt trội gom thú vị sự lưu ý của người tiêu dùng bên cạnh đó phía bọn họ tiến hành hành vi được nhắm tiềm năng.

Nhìn công cộng, sự xuất hiện tại của Icon nhập design trang web giúp:

• Thu mút hút sự chú ý
• Hiểu ý nghĩa sâu sắc của thiết kế
• Điều phía gửi gắm diện
• Tiết kiệm không khí trực quan
• Tạo liên kết với những người dùng

Các phép tắc cần thiết sẽ tạo icon nhập design web

Tính đơn giản và giản dị – Simplicity

Các nghiên cứu và phân tích tiếp tục cho là, người tiêu dùng trang web thông thường ko quí những loại phức tạp. Bởi vậy, icon được Reviews là đảm bảo chất lượng và hữu ích nên đáp ứng nhu cầu ĐK đơn giản và giản dị và dễ dàng “đọc”. Vấn đề này Tức là icon của người tiêu dùng không nhất thiết phải lý giải vì chưng văn phiên bản. Để hoàn toàn có thể đánh giá tính đơn giản và giản dị của icon, các bạn hãy hiển thị nó cho 1 người ko chuyên nghiệp về design, nếu mà bọn họ ko thể hiểu rõ phiên phiến ý nghĩa sâu sắc của chính nó thì hoàn toàn có thể icon này không được design đích.

Xem thêm: 30 kỳ quan thiên nhiên đẹp nhất thế giới

Nguyên tắc này tiếp tục phía các bạn cho tới việc design icon không tồn tại chứa chấp những nguyên tố dư quá và cụ thể ko quan trọng vì chưng bọn chúng dễ dàng thực hiện ngăn cản trí tuệ, rơi rụng triệu tập và tạo ra lầm lẫn cho những người người sử dụng. Icon chứa chấp càng không nhiều thành phần càng đảm bảo chất lượng, một icon đem nhiều hơn thế 3 color không hề là một trong hình tượng giản đơn nữa nhưng mà sẽ tiến hành xem là hình minh họa. Một hình tượng với rất nhiều nguyên tố hoặc điểm vượt trội sắc tố tiếp tục khiến cho bọn chúng khó khăn phân biệt và ko rõ nét về mặt mày trực quan lại.

Ngoài rời khỏi, những cụ thể của icons cũng nên phù hợp. Các hình tượng tiếp tục trở thành phức tạp và khó khăn nhận dạng rộng lớn nếu như đem rất nhiều cụ thể. Tuy nhiên, tiếp tục phù hợp nếu mà cụ thể các bạn tiến hành phù phù hợp với ý tưởng phát minh design và được sản xuất có trách nhiệm.

Trí tuệ và tính thông tin

Ngoài việc ko quí những loại phức tạp thì người tiêu dùng cũng ko quí những loại bọn họ không hiểu biết. Một hình tượng ko rõ nét đồng nghĩa tương quan với việc user tiếp tục rơi rụng thời hạn và sức lực lao động nhằm lời giải bọn chúng và bọn họ trọn vẹn ko quí điều này. Tuy nhiên nếu như icon của người tiêu dùng ko đem ngẫu nhiên ý nghĩa sâu sắc này thì cũng ko đạt đòi hỏi. Mục đích chủ yếu của hình tượng là truyền đạt nội dung/ vấn đề ngay lập tức ngay lập tức. Nên trách nhiệm của những designer là vô hiệu cút những loại ko quan trọng khiến cho nó ko tiến hành được điều này.

Người người sử dụng ko quí những nguyên tố skin và thậm chí là khó khăn hiểu Lúc nhận ra bọn chúng. Do cơ, việc cần thiết là khiến cho những hình tượng trở thành dễ dàng “đọc”. Bởi vậy nhằm nhận dạng được những hình tượng tiếp tục tùy theo tính đơn giản và giản dị, dễ dàng nắm bắt và tính ẩn dụ của bọn chúng. Kích thước của những thành phần nhập icon cũng tác động cho tới việc nhận dạng bọn chúng. Càng có rất nhiều cụ thể nhỏ nhập hình tượng tiếp tục càng thực hiện người coi khó khăn “đọc” được ý nghĩa sâu sắc đại diện của icon.

Ngoài rời khỏi hình tượng cũng cần được phổ cập so với người xem với mọi nền văn hóa truyền thống, lứa tuổi và xuất xứ không giống nhau. Tuy nhiên chúng ta nên tiến hành nghiên cứu và phân tích đối tượng người sử dụng nhận tin cẩn tiềm năng và kể từ cơ lựa lựa chọn sắc tố và luật lệ ẩn dụ thích hợp và dễ dàng nắm bắt nhất cho tới group này. Nếu nhập tình huống cần thiết biểu thị nội dung phức tạp nhưng mà ko thể chỉ dùng icon, bạn cũng có thể thêm thắt văn phiên bản nếu như cần thiết nhằm người coi dễ dàng tưởng tượng rộng lớn nhờ việc phối kết hợp icon và text.

Sự thống nhất của phong cách

Sự thống nhất của phong thái đã cho chúng ta biết design hình tượng phù phù hợp với phong thái Brand Name và ý tưởng phát minh design. Biểu tượng nên phản ánh được thực chất và độ quý hiếm Brand Name, bên cạnh đó là thành phần cơ học của Brand Name về cả mặt mày trực quan lại và tư tưởng. Các designer hay sử dụng những hình tượng kể từ những bộ thu thập thực hiện sẵn bên trên trang web hoặc lấy bọn chúng thực hiện hạ tầng nhằm phát minh những design mới nhất. 

Sự thống nhất về phong thái cũng là một trong phần của việc tôn vinh tính thẩm mỹ và làm đẹp và tương hỗ cho tới phong thái của Brand Name. Đồng thời, sự nhất quán về phong thái cũng gom trí tuệ những hình tượng đơn giản dễ dàng rộng lớn, đơn giản và giản dị hóa việc điều phối và tạo nên hưởng thụ đảm bảo chất lượng rộng lớn cho những người người sử dụng.

Tính độc đáo

Tinh độc nhất và khác biệt của hình tượng được hiểu là việc khác lạ của chính nó đối với những hình tượng không giống nhập tập kết. Một cỗ icons đẹp mắt với hình hình họa ko thể phân biệt vì chưng đôi mắt thông thường sẽ không còn được người tiêu dùng Reviews cao hoặc thậm chí là là không hiểu biết. Tính khác biệt của hình tượng cũng góp thêm phần cần thiết tạo nên sự tính khác biệt của Brand Name. Người người sử dụng trọn vẹn không thích lời giải những câu thách thức cho nên việc nhưng mà những designer cần thiết thực hiện là dùng luật lệ ẩn dụ thân thuộc tuy nhiên bên cạnh đó thay cho thay đổi cơ hội thực hiện hình hình họa theo phía kì quặc và thú vị rộng lớn.

Xem thêm: Học viện chính sách và phát triển

Như vậy, nội dung bài viết đã mang rời khỏi những vấn đề cơ phiên bản về Icon cũng như yêu cầu nghĩa của bọn chúng so với việc design trang web. Nếu như các bạn đang được quan hoài cho tới những khóa huấn luyện và đào tạo design hình đồ họa thì hãy nhớ là truy vấn ngay lập tức trang web FPT Arena để được tư vấn và tương hỗ nhé.

Viện Đào Tạo Quốc Tế FPT

FPT Arena Multimedia – https://framesi.com.vn