rgb – PhongChuViet

[RGB.vn] #iconicVietnam – Việt Nam Danh Quốc (Manh Nguyen)

Font Store — Tue, 12 Jan 2016 13:15:06 +0000

Iconic Vietnam là một dự án phi lợi nhuận tạo ra các biểu tượng và huy hiệu phẳng của những địa điểm du lịch mang tính biểu tượng, đẹp như tranh của Việt Nam để chia sẻ tầm nhìn mới về du lịch Việt Nam. Đôi khi, người ta nghĩ về Việt Nam như một đất nước nghèo cùng với những di tích bị hủy diệt sau chiến tranh. Tuy nhiên hiện nay, Việt Nam là một điểm đến đẹp của du lịch mạo hiểm và sự hòa trộn giữa những nét văn hóa truyền thống đa dạng. Một tour du lịch vòng quanh Việt Nam rất thích hợp cho những kẻ ưa lang thang muốn thưởng thức và mạo hiểm trải nghiệm một nền văn hóa Viễn Đông 4000 năm tuổi.

Iconic Vietnam được thực hiện bởi Manh Nguyen, một artist đến từ Hà Nội (Việt Nam), anh có chuyên môn ở cả lĩnh vực thiết kế hiện đại và thiết kế lịch sử cổ đại. Cùng với sự hỗ trợ của các designer Việt Nam, đây là một dự án phi lợi nhuận, các biểu tượng và huy hiệu có thể dễ dàng được tải về dưới đây để dụng cho mục đích cá nhân. Đối với mục đích thương mại, đừng ngần ngại liên hệ qua địa chỉ email manh1810hp96@gmail.com để thông báo về mục đích sử dụng.

Cảm ơn bạn đã quan tâm, và bây giờ hãy cùng RGB.vn xem qua một vòng dự án thú vị này nhé!

Thông tin về tác giả tại đây.

Khuê Văn Các – Văn Miếu / Constellation of Literature pavillion & Temple of Literature – Ha Noi

Cột cờ Hà Nội / Hanoi Flag Tower – Hanoi

Cầu Long Biên / Long Bien Bridge – Ha Noi

Vịnh Hạ Long / Ha Long Bay – Quang Ninh

Đỉnh Fansipan (3143 m) – Thị trấn SaPa / Fansipan Mountain Peak (3143 m) – Sa Pa Town – Lao Cai

Nhà hát lớn Thành phố Hải Phòng / Grand Theater of Hai Phong – Hai Phong

Tượng đài Nữ tướng Lê Chân / Statue of Le Chan – Hai Phong

Thành nhà Hồ / Citadel of the Ho Dynasty – Thanh Ho

Hang Thiên Đường (Vườn Quốc gia Phong Nha – Kẻ Bàng) / Paradise Cave (Phong Nha – Ke Bang National Park) – Quang Binh

Đại nội Hoàng thành Huế / Great Citadel of Hue Imperial City – Thua Thien Hue

Chùa Thiên Mụ / Thien Mu Pagoda – Thua Thien Hue

Cầu Trường Tiền trên sông Hương / Truong Tien Bridge on Huong River – Thua Thien Hue

Vòng quay Mặt Trời / Sun Wheel – Da Nang

Chùa Linh Ứng – Cáp treo Bà Nà / Linh Ung Pagoda & Telpher of Ba Na Hill – Da Nang

Ngũ Hành Sơn / Mountains of Five Elements – Da Nang

Chùa Cầu / Bridge Pagoda – Hoi An – Quang Nam

Tháp Bà Po Nagar / Cham Tower of Po Nagar – Nha Trang

Tháp Trầm Hương / Tower of Agarwood – Nha Trang – Vietnam

Hồ Tuyền Lâm / Tuyen Lam Lake – Da Lat

Nhà thờ Lãnh địa Đức Bà / Domaine de Marie Church – Da Lat

Thác Prenn / Prenn Waterfall – Da Lat – Lam Dong

Hải đăng mũi Đại Lãnh / Lighthouse of Dai Lanh Cape – Phu Yen

Nhà thờ Đức Bà Sài Gòn / Saigon Notre Dame Basilica – Ho Chi Minh City

Chợ Bến Thành / Ben Thanh Market – Ho Chi Minh City

RGB biên tập

[RGB.vn] 7 Xu hướng Màu Sắc cho Thiết Kế Web năm 2016

Font Store — Tue, 12 Jan 2016 12:58:14 +0000

Nếu như các tác phẩm mỹ thuật phải trải qua nhiều phong trào và thời kỳ thì thiết kế web trực quan (visual web design) cũng có nhiều xu hướng. Khác biệt duy nhất đó là chu kỳ đào thải các xu hướng thiết kế web diễn ra nhanh hơn nhiều, chỉ trong vài năm thôi chứ không kéo dài hàng thập kỷ như các tác phẩm mỹ thuật.

Bản quyền hình ảnh của Cienne

Ngày nay màu sắc tươi sáng và rực rỡ đang là xu thế, tuy nhiên đừng nghĩ là cứ áp dụng chúng vào trang web của bạn thì nhìn nó sẽ tiên tiến và hiện đại ngay, thực tế không đơn giản như vậy đâu. Trong bài viết này hãy cùng RGB khám phá 7 xu hướng màu sắc mới nhất cho thiết kế web, cũng như lý giải logic đằng sau chúng và cùng xem qua một số mẫu website đã áp dụng thành công nhé.

1. Đơn sắc (Monochromatic schemes)

Ngày nay phong cách tối giản đang rất được ưa chuộng, chính vì vậy rất nhiều website chọn xu hướng màu đơn sắc (sử dụng nhiều sắc thái của cùng một màu) để phù hợp với phong cách này. Phong cách này thường thích hợp với các màu sáng. Nhờ ít gây mất tập trung và độ tương phản giữa các màu thấp, các nhà thiết kế có thể thử nghiệm nhiều lựa chọn màu sắc táo bạo hơn.

Bản quyền hình ảnh của Line Equality

Ví dụ ở trên của Line Equality đã chứng tỏ điều này. Chúng ta biết rằng màu xanh sáng thường không hợp đi chung với các màu khác. Bằng cách sử dụng chính màu này cho giao diện, thay vì cạnh tranh thì nó đã làm nổi bật chủ thể (con rối) lên rất nhiều.

Cùng với các thiết kế mang phong cách tối giản khác như font chữ trắng đậm hay nút bấm trong suốt (ghost buttons), xu hướng màu đơn sắc kiểm soát tính trực quan của trang web giúp cho trang web dễ nhìn cũng như dễ sử dụng hơn.

Về bản chất các màu sáng rất hào nhoáng và bắt mắt, vì vậy nếu sử dụng quá lố và quá nhiều màu sáng cạnh nhau sẽ tạo ra một mớ hỗn độn trên màn hình. Và xu hướng màu đơn sắc chính là cứu tinh sẽ giải quyết vấn đề này một cách triệt để.

2. Tương phản trên nền tối (Contrast with dull colours)

Một trong những lo ngại của nhiều người khi sử dụng thiết kế mang phong cách tối giản đó là sự tẻ nhạt, đây chính là lúc xu hướng tương phản phát huy tác dụng.

Bản quyền hình ảnh của Studio Stylistik

Các nhà thiết kế của Studio Stylistik đã tính toán rất kỹ lưỡng khi kết hợp màu xanh ngọc lam trên nền đen để tạo ra một mô hình thị giác rất bắt mắt (ở đây layout của trang web còn được sắp xếp theo kiểu Z-pattern, một mô hình sắp xếp thông tin rất hiệu quả mà các bạn có thể tìm hiểu thêm tại đây: Web UI Design for the Human Eye)

Sự lặp lại của màu xanh ngọc lam trong bộ chữ, logo và đồ họa đã làm nổi bật mọi phần tử màu sắc trên một nền đen áp đảo.

3. Blocking và hovering

Xu hướng blocking và hovering không chỉ được nhiều người biết đến qua diện mạo bắt mắt của nó mà còn ở tính năng sử dụng, đặc biệt là đối với các websites có giao diện dạng thẻ (card-style interfaces).

Blocking là cách bố trí layout theo dạng mạng lưới (grid-based) mà trong đó các khối (blocks) và thẻ (cards) được phân biệt với nhau bằng nhiều màu sắc ấn tượng. Còn hovering ám chỉ đến các phần tử trong một website (đặc biệt là thẻ – cards) sẽ tự động đổi màu khi rê chuột lên phía trên. Mặc dù blocking và hovering có thể được dùng riêng lẻ, nhưng thường người ta sẽ kết hợp cả hai phương pháp này lại với nhau để tạo nên ấn tượng mạnh mẽ hơn.

Bản quyền hình ảnh của PFD

Ví dụ như trang web của PFD, các bạn có thể thấy một số thẻ bài có màu sắc rất nổi bật khi đứng cạnh nền trắng của các thẻ khác. Khi các bạn rê chuột lên trên một thẻ bất kỳ, nó sẽ tự động đổi màu (thẻ trên cùng bên trái) và thể hiện số lượt yêu thích. Chức năng này đóng vai trò như một biển báo cực kỳ hữu dụng, vì nó gợi ý rằng đối tượng mà bạn đang rê chuột lên có thể click được.

Blocking và hovering vừa mang tính thực tiễn lại vừa thể hiện được phong cách. Bên cạnh đó cả hai hỗ trợ cho nhau một cách hoàn hảo: blocking tạo ra một layout mời gọi sự tương tác, hovering hỗ trợ làm cho sự tương tác này diễn ra một cách mượt mà hơn.

4. Texture

Mặc dù texture thường được sử dụng cho nền trung tính, tuy nhiên trong nhiều trường hợp nó có thể kết hợp với màu sáng và mang lại hiệu quả vượt trội.

Bản quyền hình ảnh của Tacospillet

Trang web Tacospillet dùng toàn bộ hình nền cho tiền cảnh lẫn hậu cảnh với texture, nhờ vậy các màu sáng đã được làm nhẹ đi. Texture cũng khiến cho đồ họa nhìn có thẩm mỹ hơn, không bị giống thật quá đà.

Bản quyền hình ảnh của Joyride Taco House

Trùng hợp thay, một trang web liên quan đến thực phẩm khác, Joyride Taco House, đã chỉ cho chúng ta thấy texture thực sự làm nổi bật giao diện như thế nào. Cái bóng bên dưới tiêu đề chính đã tách biệt nó ra khỏi các phần còn lại với một chút chiều sâu, trong ghi những lằn màu xanh trong logo thu hút người xem ngay từ cái nhìn ban đầu.

Texture đã làm cho trang web trông nhẹ nhàng vui vẻ, giống như phong cách của chính nhà hàng này vậy.

5. Làm nổi bật văn bản (Highlighting text)

Màu sắc tươi sáng rất hữu ích trong việc làm nổi bật một số chữ trong khối văn bản, đặc biệt là khi tương phản với một nền tối hơn như chúng ta đã đề cập ở trên. Văn bản có màu sắc rực rỡ sẽ nhấn mạnh và thậm chí còn ảnh hưởng đến việc chuyển tải thông điệp.

Bản quyền hình ảnh của For the Love of the Reef

Đoạn text trên trang web For the Love of the Reef ở trên nhấn mạnh vào chỉ chữ “love”. Đây là một mẹo thị giác rất thông minh khi nút kêu gọi hành động (Call-to-action) “Sign up now” cũng được highlight bằng màu vàng, tạo nên một mối liên kết chặt chẽ với chữ “love” ở phía trên. (Vui lòng xin phép tác giả và RGB.vn khi đăng tải lại bản dịch này).

6. Nút bấm/Yếu tố giao diện người dùng (Buttons/UI elements)

Cũng giống như văn bản, màu sắc tươi sáng cũng có thể được dùng để làm nổi bật các nút bấm (buttons) trong trang web hoặc các yếu tố giao diện người dùng (UI elements) khác để thu hút sự chú ý của người sử dụng.

Bản quyền hình ảnh của Hega

Lấy ví dụ của trang web Hega ở trên, nút kêu gọi hành động “Case studies” màu đỏ trên nền trắng đen đã thu hút mọi sự chú ý về phía nó.

Bản quyền hình ảnh của Mijlo

Tương tự như vậy, nút kêu gọi hành động “Back us now” màu cam của Mijlo trông cực nổi bật nhờ vào background cũng như hình ảnh sản phẩm với màu trắng đồng nhất.

7. Hỗ trợ định đướng (Navigational aids)

Việc đánh dấu sách vở và hồ sơ bằng màu sắc để phục vụ cho việc tìm kiếm đã được biết đến và sử dụng từ rất lâu, bằng chứng là có rất nhiều tổ chức và công ty đã và đang làm điều này. Cho nên áp dụng nó cho việc định hướng trang web của bạn là một việc làm đúng đắn vì màu sắc có thể giúp bạn dễ dàng chia trang web ra nhiều phần/mục khác nhau. Điều này đặc biệt hữu ích cho những trang web chứa nhiều thông tin, giúp người dùng nhanh chóng định hướng cũng như tiếp cận thông tin mà mình mong muốn.

Bản quyền hình ảnh của Coloured Lines

Trang web Coloured Lines ở trên dùng các màu trong quang phổ của cầu vồng để phân vùng 8 phần chính trong trang web của họ. Có thể hơi không chính thống, nhưng nếu ta xem xét đến tên của công ty họ (Coloured Lines) thì nó hoàn toàn phản ánh đúng bản sắc cũng như thương hiệu. Người dùng desktop có thể sẽ không quen, nhưng người dùng di động sẽ thích thiết kế này vì họ đã quen với thanh menu điều hướng dạng kéo. (Vui lòng xin phép tác giả và RGB.vn khi đăng tải lại bản dịch này).

Biên dịch: Jack RGB – Ban Biên Tập RGB.vn Nguồn: Creativebloq

Vui lòng xin phép tác giả khi chia sẻ lại bài viết

[RGB.vn] 4 xu hướng màu sắc sẵn sàng “đổ bộ” vào năm 2016

Font Store — Tue, 12 Jan 2016 12:36:39 +0000

Kate Franklin (FranklinTill Studio) vừa bật mí về tầm ảnh hưởng đặc biệt của cơn sốt màu sắc đến cộng đồng thiết kế năm 2016.

Theo nghiên cứu, 90% các cuộc tranh luận về sản phẩm chủ yếu tập trung vào vấn đề màu sắc. Vì thế, để chọn 1 màu sắc ưng ý và phù hợp rất quan trọng, bạn cần nắm bắt những xu hướng màu sắc đang “hot” vào năm 2016 sắp tới, dù bạn có sử dụng đến chúng hay không.

Ngày nay, các thương hiệu không chỉ quan tâm sử dụng màu sắc cho logo và sản phẩm thật ‘thời thượng’ mà còn có những định hướng mang tầm chiến lược hơn. Màu sắc không đơn thuần xuất hiện trong lĩnh vực thời trang, ăn uống, nội thất mà còn mang đến nguồn cảm hứng, thích thú và sự tương tác hiệu quả với người tiêu dùng.

Dưới đây là những thông tin về 4 xu hướng màu sắc nổi bật năm 2016 với những sự thật ngầm hiểu cực kì đắt giá từ bảng màu tuyệt vời.

Cố vấn sáng tạo Franklin Till đã khám phá ra những gam màu đặc trưng phù hợp với từng xu hướng màu sắc, bài viết đã được đăng tải trên số 248 của Computer Arts.

1. LESS IS BEST

Xu hướng “đơn giản hóa” đã phát triển từ năm 2013 với sự trở lại hoành tráng của nhiều thương hiệu. Thậm chí, bao bì của các nhãn hàng rượu còn được lột xác bởi những nguyên vật liệu độc đáo. Những tông màu trung tính sẽ rất phát triển, thậm chí ‘vượt thời gian’ và chiếm lĩnh giới sáng tạo. Những bảng màu hạn chế của tông trắng, xám và đen rõ ràng hữu ích khi lựa chọn giữa rừng màu sắc kích thích thị giác.

Bao bì sản phẩm Nuori, NR2154, NYC được chụp bởi Peter Krasilnikoff

2. BLUE HUE

Cuộc tranh luận để bảo vệ các đại dương trên thế giới có một sự hiện diện lớn hơn bao giờ hết trên các lĩnh vực đời sống, và sắc xanh của đại dương dần dần vươn lên vị trí tiên phong trong lĩnh vực thiết kế.

Sự ưa chuộng bảng màu xanh cùng những hưởng ứng mạnh mẽ đã khơi nguồn cho những đánh giá về sắc thái, ý nghĩa và tiềm năng của xu hướng này, từ mặt phẳng, độ sâu, đến hóa thạch trong suốt kết tinh thành dải ngọc xanh biển, thậm chí có thể tái chế nên những mảnh vải bông chéo thời thượng. (Nội dung thực hiện bởi RGB, vui lòng xin phép tác giả và rgb.vn khi đăng tải lại bản dịch này)

Vật dụng của Trehalose – Jaime Tai

3. COLOR HEALING

Những gam màu ấm áp và ombre thịnh hành ngày càng nhận được sự quan tâm tích cực từ người dùng, khiến họ cảm thấy thư giãn và được ‘‘giải phóng’’. Điều này thật tuyệt vời khi nhịp sống hằng ngày của chúng ta đang bị can thiệp quá mức bởi công nghệ kĩ thuật số, khiến cơ thể trở nên uể oải, căng thẳng và thậm chí khó ngủ.

Nhà thiết kế Éléonore Delisse giải quyết sự mất cân bằng này bằng việc sáng tạo nên những sản phẩm mang màu sắc dịu dàng, ấm áp để trung hòa với sự lạnh lùng và không ngừng sử dụng màu xanh, tông sáng thể hiện tính chất đặc trưng của giao diện kĩ thuật số.

Đèn ‘Day & Night’ – Éléonore Delisse

4. INDUSTRIAL PASTELS

Từ sự dịu dàng đến mạnh mẽ, phản ánh sự công bằng giới tính, màu hồng trở thành tông màu trung tính và là màu pastel mới mẻ, hứa hẹn sẽ có bước tiến mới trong ngành công nghệ thiết kế.

Màu xanh bạc hà và màu hồng của bột trang trí là những tông màu chủ đạo sẽ xuất hiện với tần suất ‘dày đặc’ bằng nhiều hình thức khác nhau. Những màu sắc ngọt ngào, nhẹ nhàng được trung hòa và nhấn mạnh bởi sắc vàng, xám, xanh đen tươi sáng và ấm áp để tạo nên một bảng màu đa dạng tuyệt vời và được mọi người ưa chuộng.

Phòng chờ Kampo – Studio ID

Nguồn: creativebloq | Biên dịch và biên tập: Thyme | Ban biên tập: RGB.vn

Liên hệ tác giả khi đăng tải lại bài viết này

[RGB.vn] Điểm lại xu hướng thiết kế đồ họa 2015 và dự đoán xu hướng 2016

Font Store — Tue, 12 Jan 2016 11:52:18 +0000

2015 là năm mà rất nhiều thiết kế đồ họa mới được giới thiệu và sử dụng bởi nhiều websites, góp phần định hình phong cách. Cùng RGB điểm lại 8 xu hướng tiêu biểu đã thực sự làm mưa làm gió trong năm qua các bạn nhé:

1. Thiết kế phẳng (Flat design)

Là hình thái đơn giản nhất của thiết kế đồ họa rất được ưa chuộng trong năm 2015. Được lấy cảm hứng từ nhiều loại hình nghệ thuật khác nhau như Swiss, Bauhaus và chủ nghĩa tối giản nên thiết kế phẳng không có những nút bấm bóng bẩy hay gờ cạnh nổi bật, mọi thứ đều trông rất “phẳng”. Một trong những yếu tố khiến xu hướng thiết kế này thành công và phổ biến đến vậy đó chính là sự hậu thuẫn đến từ những ông trùm làng công nghệ như Google, Microsoft và cả những thương hiệu nổi tiếng như Ebay tất cả đều áp dụng thiết kế này cho websites và sản phẩm của họ.

2. Bố cục dạng lưới (Grid Layout)

Xu hướng này được bắt đầu bởi Pinterest với việc sử dụng những khối hình học có màu sắc nhất quán và đường outline đậm nét. Tuy nhiên tiêu biểu nhất phải kể đến Microsoft khi áp dụng xu hướng này vào ngôn ngữ thiết kế của họ. Để sử dụng phong cách này, các nhà thiết kế phải tính toán cấu trúc một cách logic nhất cho các đối tượng để chúng có thế tối ưu hóa nội dung và dễ dàng thích ứng mà không làm xáo trộn mọi thứ.

3. Font chữ phi truyền thống (Non-traditional fonts)

Trong lúc nhiều xu hướng tiếp tục thay đổi thì năm 2015 chứng kiến sự lên ngôi của các font chữ phi truyền thống. Những font chữ được tùy chỉnh riêng này được rất nhiều công ty ưa chuộng vì tính hiện đại và độc đáo. Trong số đó thì font chữ viết tay được ưa chuộng nhiều nhất.

4. Những gam màu nhạt tươi sáng (Bright pastels)

Một xu hướng đồ họa khác cũng rất thịnh hành trong năm 2015 đó chính là những gam màu nhạt tươi sáng. Rất nhiều nhà thiết kế đã kết hợp sử dụng gam màu này với thiết kế phẳng để làm cho website trông nổi bật hơn.

5. Hình minh họa (Illustrations)

Một trong những xu hướng quan trọng nhất trong năm 2015 là việc sử dụng hình minh họa thay vì stock images. Xu hướng này được sử dụng rất rộng rãi bởi tính độc đáo của nó, đơn giản vì không ai có thể tái tạo lại chúng, nếu có bị sao chép thì nhìn vào là biết ngay. Đây chính là điều mà rất nhiều công ty mong muốn trong việc truyền tải thông điệp thương hiệu.

6. Lettering

Tuy không phải là mới nhưng các designers đã ứng dụng lettering và typography hiệu quả hơn rất nhiều vào thiết kế, chính vì vậy năm 2015 xu hướng này được nhiều công ty và websites ưa chuộng để tạo sự ấn tượng và bản sắc riêng cho mình.

7. Materialistic designing

Có nguồn gốc từ thiết kế phẳng, phong cách này được Google tiên phong sử dụng vào thiết kế của họ và sau đó nhiều hãng khác cũng đã học hỏi theo. Materialistic designing nhắm đến những đường nét đơn giản, sử dụng nhiều mảng màu đậm nổi bật, các đối tượng đồ họa trong giao diện dường như “trôi nổi” lên. Ngoài ra, nó còn bao gồm cả những hiệu ứng chuyển động tự nhiên khi các nút, menu hiện diện trên màn hình. Tất cả đều nhằm mang lại cho người dùng trải nghiệm mới mẻ hơn, thú vị hơn và gần giống đời thực hơn.

8. Hiệu ứng ảnh động (Animated Graphics)

Nhiều designers đã áp dụng rất hiệu quả các hiệu ứng ảnh động cho websites của mình, tạo nên sự tương tác rất lớn với người dùng. Những đoạn intro đồ họa dí dỏm, độc đáo tuy ngắn ngủi nhưng lại rất thu hút sự chú ý của người xem, giúp thông tin được truyền tải dễ dàng nhanh chóng. (– Vui lòng xin phép tác giả và rgb.vn khi đăng tải lại bản dịch này)

Dự đoán những xu hướng thiết kế đồ họa cho năm 2016

Khi những xu hướng được sử dụng quá nhiều và phổ biến thì dần dần chúng sẽ trở nên nhàm chán vì các websites trông cứ na ná nhau. Năm 2016 được dự đoán là sẽ có nhiều thay đổi trong xu hướng thiết kế mang đến cho người dùng những trải nghiệm độc đáo. Các xu hướng cũ của năm 2015 sẽ vẫn còn độ hot nhưng cũng sẽ phải thay đổi một chút để phù hợp hơn. Sau đây là một số xu hướng thiết kế được dự đoán sẽ lên ngôi trong năm 2016:

Bố cục dạng lưới Mansonry (Mansonry Grid Layout)

Bố cục dạng lưới đang dần trở nên khá đơn điệu khi được quá nhiều websites sử dụng. Chính vì vậy năm 2016 xu hướng này sẽ có nhiều thay đổi đáng kể để tăng độ đa dạng, bắt đầu với Mansonry Layout. Tên gọi của nó bắt nguồn từ tên một plugin trong jquery đó là Masonry plugin, được phát triển bởi David DeSandro – một designer của Twitter. Các loại bố cục layout cổ điển thường sử dụng thuộc tính Float trong CSS để dàn trang, sắp xếp các element side-by-side, nghĩa là sắp thứ tự theo chiều ngang rồi đến chiều dọc, chúng bỏ qua yếu tố về kích thước của các element. Điều đó tạo ra rất nhiều khoảng trống không cần thiết trong layout. Nhưng đối với Masonry Layout, các element sẽ được đưa vào các cột có chiều rộng (Width) được quy định sẵn, các element có chiều cao (Height) khác nhau nằm chung một cột sẽ được xếp vào mà không tạo ra khoảng trống do khác hàng. Các bạn cứ tưởng tượng Masonry giống như trò chơi xếp gạch – Tetris vậy.

Hình minh họa vẽ tay (Hand-Drawn Illustrations)

Khi các nhà thiết kế đồ họa cạn kiệt ý tưởng họ thường tìm đến illustrations để lấy ý tưởng, tuy nhiên illustrations lại trở nên cũ kỹ và nhàm chán khi được sử dụng quá nhiều. Chính vì vậy hình minh họa vẽ tay sẽ mang lại sự tươi mới cho người dùng bởi tính độc đáo và duy nhất của nó. (– Vui lòng xin phép tác giả và rgb.vn khi đăng tải lại bản dịch này)

Ảnh động (Cinemagraphs)

Ảnh động dạng cinemagraphs sẽ dần thay thế animated graphics. Điểm độc đáo của nó chính là sự kết hợp hoàn hảo giữa một bức ảnh và một video. Khác với những bức ảnh động thông thường, cinemagraphs chỉ làm động một phần của bức ảnh, trong khi phần còn lại vẫn tĩnh như một bức ảnh bình thường.

Thiết kế “bán phẳng” (Semi flat design)

Thiết kế phẳng vẫn được ưa chuộng nhưng sẽ dần bị thay thế bởi thiết kế bán phẳng. Trên thực tế sự chuyển đổi này đã và đang diễn ra với việc ngày càng nhiều websites áp dụng thiết kế bán phẳng. Sở dĩ bán phẳng được ưa chuộng vì nó giải quyết hầu hết các điểm yếu của thiết kế phẳng, mang đến chiều sâu cũng như tính độc đáo trong thiết kế.

Nhận xét:

Khi một xu hướng thiết kế quá phổ biến, được nhiều công ty và thương hiệu sử dụng thì điều đó cũng đồng nghĩa với việc tính hiệu quả của nó sẽ bị bão hòa và dần mất đi. Tuy nhiên đây cũng chính là động lực cho các nhà thiết kế để luôn tìm kiếm cái mới cũng như cải tiến cái cũ, để tối ưu hóa trải nghiệm người dùng.

Biên dịch: Jack RGB – Ban Biên Tập RGB.vn Nguồn: Graphicdesignjunction

Vui lòng dẫn nguồn khi chia sẻ lại bài viết

[RGB.vn] 4 Xu hướng Font chữ hot nhất hiện nay cho Graphic Designer

Font Store — Tue, 12 Jan 2016 11:33:27 +0000

Đã là một designer thì việc bắt kịp xu hướng đang thịnh hành và theo dõi những tin tức trong ngành là rất quan trọng. Nếu khá tiếng Anh một chút thì các bạn có thể tham khảo một số trang web và blogs rất hay ho như Smashing Magazine, OneExtraPixel, Webdesigner Depot,TechCrunch. Ngoài ra, các bạn có thể cài đặt plugin Muz.li từ Chrome để được cung cấp các feeds từ rất nhiều nguồn đáng tin cậy.

Typography đóng một vai trò rất quan trọng trong trải nghiệm người dùng, và để typography thực sự hiệu quả thì bạn phải biết đến và sử dụng những font chữ hiện đại và đẹp. Hôm nay RGB sẽ giới thiệu đến các bạn 4 fonts chữ cực hot đang là xu hướng và cách để có được chúng (hầu hết là miễn phí nhé!).

1. Brandon Grotesque

Đây là một font chữ ấm nóng rất đẹp lấy cảm hứng hình học từ phong cách sans-serif được rất nhiều các websites hiện đại ưa chuộng. Nhờ vào độ đậm/nặng (weight) đa dạng, font chữ này sẽ giúp bạn tạo ra độ phân cấp trực quan (visual hierarchy) rất ấn thượng. Ngoài ra nhìn nó cũng rất sạch sẽ, hiện đại và dễ đọc, các bạn có thể kiểm chứng qua trang web này. Bên cạnh đó các bạn cũng có thể xem qua một số ví dụ về cách kết hợp giữ font Brandon Grotesque và serif ở đây.

Bạn có thể download bộ font này miễn phí nếu có tài khoản của Adobe CC, chỉ cần vào mục “assets” trong thanh công cụ là thấy ngay. Ngoài ra Adobe CC còn có rất nhiều bộ font hay ho khác mà bạn có thể sử dụng, nên các bạn có thể suy nghĩ đầu tư cho mình một tài khoản.

2. Museo Sans

Một font chữ mang phong cách hình học san-serif rất đẹp khác đó chính là Museo Sans. Font này cũng được nhiều websites sử dụng để tạo nên trải nghiệm tuyệt vời cho việc đọc chữ khi được kết hợp với một font serif. Một số ví dụ tiêu biểu như trang web của All Saints Wine và Fast Company. Cũng giống như Brandon Grotesque, bạn có thể tải font này về miễn phí nếu có tài khoản của Adobe CC. (– Bản dịch thực hiện bởi rgb.vn, vui lòng xin phép tác giả khi đăng tải lại)

XEM MUSEO SANS VIỆT HÓA TẠI ĐÂY

3. Raleway

Raleway là một font chữ rất thanh lịch và tinh tế được Google thiết kế. Ban đầu nó chỉ có một độ đậm/nặng thôi nhưng sau đó Google đã tăng lên đến con số 9. Được lấy cảm hứng từ san-serif, chính vì vậy Raleway rất phù hợp khi được kết hợp với font này. Nếu kết hợp đúng cách, Raleway sẽ mang lại cho website của bạn một cá tính rất riêng và ấn tượng. Nhiếp ảnh gia Geordy Pearson cũng sử dụng font này cho trang portfolio của mình. Bạn có thể tải nó miễn phí ở đây.

4. Playfair Display

Nghe tên là các bạn cũng có thể đoán ra được, bộ font serif này phù hợp để sử dụng cho tiêu đề và headlines. Mặc dù việc dùng font san-serif cho web đang là mốt hiện nay nhưng khi kết hợp cả serif và san-serif lại với nhau thì kết quả sẽ đẹp và hấp dẫn hơn rất nhiều. Font Playfair này cũng là một font được tạo ra bởi Google, dễ dàng kết hợp với các font san-serif như Raleway, Roboto và nhiều font khác.

Ngoài 4 fonts kể trên thì những fonts sau đây cũng đang rất phổ biến:

Vậy font yêu thích của bạn mỗi khi thiết kế là gì?

Biên dịch: Jack RGB – Ban Biên Tập RGB.vn Nguồn: Addthis

Vui lòng xin phép tác giả khi chia sẻ lại bài viết

[RGB.vn] 10 nhà thiết kế đồ họa bạn không thể không biết

Font Store — Tue, 12 Jan 2016 11:22:40 +0000

Có một số nhân vật quyền lực trong ngành thiết kế đồ hoạ mà đơn giản là bạn phải biết đến. Tại sao? Vì chúng ta học hỏi từ những người giỏi nhất. Dưới đây RGB xin giới thiệu 10 nhà thiết kế đồ hoạ sẽ gây cảm hứng cho bạn mà bạn nên biết.

1. PAUL RAND

“Nghệ thuật là một ý tưởng đã tìm được hình hài hoàn hảo của nó.” Paul Rand đã tự học mà trở thành một nhà thiết kế đồ hoạ. Những đóng góp to lớn nhất của ông cho lĩnh vực đồ hoạ là sản phẩm cho các tập đoàn. Một vài logo trong số này chắc chắn bạn sẽ nhận ra. Từng làm việc lâu năm trong ngành quảng cáo, Paul đã kết hợp giữa việc sáng tạo và hoàn thành mục tiêu. Ông là người thuyết phục các doanh nhân rằng thiết kế không chỉ đẹp mà còn là công cụ để phát triển doanh nghiệp. Paul Rand cũng là tác giả của một số sách thiết kế mà cho đến nay vẫn phổ biến và mang tính thực tế: “I know a lot of things”, “Little 1”, “Sparkle and spin”.

2. SOUL BASS

Soul Bass được phong là người đã thay đổi bộ mặt của ngành thiết kế đồ hoạ. Trong sự nghiệp của mình ông từng làm việc với Alfred Hitchcock, Stanley Kubrick, Martin Scorsese. Những tác phẩm nổi tiếng nhất của ông bao gồm phần mở đầu huyền thoại của “Vertigo”, tiêu đề cho “West Side Story”, “North by Northwest” và “Psycho”. Ông đã thực hiện gần 100 poster, từng là nhà sản xuất và đạo diễn, và làm một số logo cho các tập đoàn của Mỹ.

3. MILTON GLASER

Milton Glaser là một trong những nhà thiết kế đồ hoạ nổi tiếng nhất trong ngành. Chắc chắn bạn sẽ nhận ra logo đặc trưng trên trang phục của nhiều du khách. Nhân tiện, ông là người sáng lập nên New York Magazine và đồng sáng lập WBMG, một công ty thiết kế cho báo chí đã phát triển hơn 50 ấn phẩm phát hành định kỳ trên khắp thế giới, bao gồm The Washington Post, O Globo, National Post,…Nếu cần cảm hứng, bạn có thể tham khảo bài phát biểu nổi tiếng của ông “Ten Things I Have Learned”. (– Xin vui lòng hỏi ý kiến tác giả và rgb.vn khi đăng tải lại bản dịch này)

4. HERB LUBALIN

Được biết đến nhiều nhất với thiết kế typeface, ông đã làm việc cho các tạp chí với tên tuổi lớn như Ralph Ginzburgh. Ban đầu, ông liệt kê những tác phẩm typographic của mình vào loại non-typographics. Ông đã nghĩ rằng chúng gần giống những thiết kế khái quát hơn: làm cho tiêu đề, chữ và hình minh hoạ trông hợp với nhau. Aaron Burns gọi chúng là typographics, là cách trình bày tên trên vật thể để làm sao cho chúng thật khó quên. Đó là lý do vì sao Lubalin rất giỏi làm logo – ông ấy khiến mọi thứ trở nên thật khó quên. Lubalin cũng đã sáng tạo nên typeface ITC Avant Garde.

5. STEFAN SAGMEISTER

“Hãy siêng năng. Làm mọi thứ bạn có thể. Làm những gì bạn yêu thích, và quan trọng hơn hết là hãy yêu những thứ bạn đang làm.” Nhà thiết kế đồ hoạ nổi tiếng thế giới, một người hay thử nghiệm và chuyên gia typography, người sáng lập studio Sagmeister Inc. cực kỳ thành công đã đảm nhận nhiều việc khác nhau: từ thiết kế bìa sách đến bộ định danh cho các đoàn thể. Ông có nguyên tắc là không mở rộng thêm để đảm bảo rằng sự tự do sáng tạo không bị mất đi. Studio làm ra những thiết kế mang tính xã hội, âm nhạc và custom made; đồng thời thực hiện các đơn đặt hàng của công ty, dành nhiều thời gian hợp tác với giới mỹ thuật và cộng đồng khoa học. Stefan dạy ở New York School of Visual Arts. Ông nhận 2 giải Grammy cho thiết kế album ca nhạc và làm việc với The Rolling Stones, HBO, Guggenheim Museum, Brian Eno, Lou Reed, David Byrne, OK Go,…vân vân. Hãy xem bài học của ông về Happy Design để tìm cảm hứng hoặc bài phát biểu How to bring personal and human into design.

6. PAULA SCHER

Một trong những phụ nữ đáng chú ý nhất trong thiết kế đồ hoạ hiện đại và người phụ nữ duy nhất là đối tác của hãng thiết kế quốc tế lớn nhất, “Pentagram”. Huyền thoại sống của ngành thiết kế thế giới hiện đã sở hữu hàng trăm giải thưởng, bao gồm 4 đề cử cho thiết kế bìa của Grammy từ National Association of Recording Arts and Sciences. Các tác phẩm nổi tiếng nhất của bà là bộ nhận diện thương hiệu cho CityBank, sản phẩm cho Windows 8, Tiffany & Co., Swatch. Bộ nhận diện thương hiệu cho Nhà hát công cộng New York trở thành một cột mốc quan trọng đối với thiết kế cho các tổ chức văn hoá, và thể hiện một khía cạnh khác trong tài năng của Paula. Bà đã thực hiện bộ định danh cho Metropolitan Opera (2006), New York City Ballet (2008) và New York Philharmonic and MOMA (2009).

7. ALVIN LUSTIG

Ông thật sự đã làm nên một cuộc cách mạng trong lĩnh vực thiết kế sách, tạp chí, nội thất và thời trang. Ông khởi đầu là một người đánh chữ, sau đó ông thiết kế bìa sách, rồi trở thành người điều hành Visual Research của Look Magazine. Sự nghiệp 20 năm của ông gồm đầy những kiệt tác: bìa sách nổi tiếng – “The Great Gasby” của F. Scott Fitzgerald hoặc “Flowers of Evil” của Baudelaire. Ông cũng được biết đến nhiều nhờ thiết kế ghế cho văn phòng Paramount, poster, các công trình kiến trúc như khách sạn Beverly-Carlton Apartment tại Los Angeles và l ‘Institute of Jewish Education.

8. MASSIMO VIGNELLI

“Thiết kế là duy nhất – vì không có nhiều loại thiết kế. Những nguyên tắc thiết kế có thể dùng cho nhiều dự án khác nhau còn phong cách thì không quan trọng. Thiết kế còn đáng kể hơn bất kỳ phong cách nào.”

Thuộc hạng nhất trong ngành thiết kế đồ hoạ, công nghiệp và kiến trúc của thế giới. Sự hài hoà về hình học và câu nói “Thiết kế là duy nhất” là những nguyên tắc chủ chốt của ông. Ông thích dùng font Helvetica trong các sản phẩm của mình và ưa sự đơn giản. Vignelli là một bậc thầy ở nhiều lĩnh vực khác nhau, thiết kế đồ nội thất, trang trí triển lãm, dàn dựng các vở diễn, làm việc với đất sét, gỗ, thuỷ tinh, kim loại, nhựa, v…v. Những tác phẩm nổi tiếng nhất của ông là bản đồ tàu điện ngầm New York, logo cho American Airlines, United Colors of Benetton, Cinzano, túi nâu cho Bloomingdales.

Nếu bạn muốn tìm hiểu thêm về Vignelli, hãy xem một tập của Helvetica hoặc từ bộ phim tài liệu Design is one.

Ông cũng nghĩ rằng không thể có sự sáng tạo nếu không kiến thức nào có sẵn cho những người mới bắt đầu. Vì thế bạn có thể đọc sách của ông ấy The Vignelli Canon ngay tại đây.

9. ALEXEY BRODOVITCH

Người đàn ông tạo ra bản mẫu đầu tiên của tạp chí thời trang hiện đại. Ông làm nên một cuộc cách mạng trong thế giới ấn phẩm định kỳ, kết hợp văn bản và hình ảnh trên các trang của Harper’s Bazaar Magazine. Dấu ấn của ông là lối xếp các khối văn bản vào những vị trí cụ thể khi các bài viết và tiêu đề được in theo cùng một cách nhưng ở những góc độ khác nhau. Ông là thầy của những nhiếp ảnh gia như Irving Penn và Richard Avedon. Chúng ta cũng nên nhắc tới phần trang trí của ông cho Russian Ballet của S.P.Dyagilev, bức tranh in trên vải Paul Puare, giải nhất cuộc thi The Best Design of the Poster for Benefit Le Bal Banal (Pablo Picasso được hạng nhì), poster cho Bộ Tài chính Mỹ, Red Cross Society, Informational service of the USA, và album ảnh “The Ballet” của ông ấy. (–Xin vui lòng hỏi ý kiến tác giả và rgb.vn khi đăng tải lại bản dịch này)

10. CHIP KIDD

Chip Kidd là nhà văn và thiết kế bìa sách nổi tiếng đã thực hiện hàng ngàn bìa sách, khiến ông trở thành một nhà thiết kế đồ hoạ hạng nhất. Ông làm việc cùng Alfred A. Knopf và từng là biên tập viên cho Pantheon comics. Những bìa sách xuất sắc của ông không chỉ cho độc giả nhìn và đọc mà còn cảm nhận chúng nữa. Trong tay ông, một chiếc bìa sách có thể biến thành một tập hợp nhiều hình dáng khác nhau: từ cứng cáp và mạnh mẽ đến mềm mại và tinh tế. Bạn có muốn biết thêm về Chip không? Hãy xem bài phát biểu của ông trên TED nói về thiết kế sách, phát biểu cho viện bảo tàng Hammer hoặc ghé thăm website để tìm cảm hứng.

Nguồn: designcontest.com | Biên dịch và biên tập: Cá Ngừ | Ban biên tập: RGB.vn

Xin ý kiến tác giả khi đăng tải lại bài viết

[RGB.vn] 10 xu hướng thiết kế nổi bật dành cho năm 2015 và 2016 (phần 1)

Font Store — Tue, 12 Jan 2016 08:55:34 +0000

Xu hướng thiết kế chuyển đổi qua lại giữa những yếu tố mới mẻ thú vị với các yếu tố cổ điển và cốt lõi. Vậy làm thế nào để thu hút sự chú ý môt cách mới mẻ, làm sao để quay ngược trở lại và biết được điều gì là không cần thiết. Làm thế nào để trao cho người dùng đúng cái mà họ mong muốn. Không có gì chứng minh được điều này nhiều hơn qua những xu hướng thiết kế gần đây. RGB.vn xin được giới thiệu đến bạn một bài viết chất lượng về 10 xu hướng thiết kế nổi bật nhất trong năm 2015 và kéo dài sang năm 2016.

Xu hướng 1: Ảnh nền to lớn .SVG.

Theo từng năm, mật độ điểm ảnh trong từng bức hình đang dần tăng lên liên tục và đều đặn. Với sự ra đời Retina iMac của Apple, khả năng mở rộng của hình ảnh đã trở thành một mối quan tâm hàng đầu đối với các nhà thiết kế trên toàn cầu. Một số nhà thiết kế đang chuyển dần sự chú ý của họ đối với SVG và các loại hình ảnh vector khác, tất cả đều hấp dẫn với cường độ ánh sáng và khả năng mở rộng. Trong định dạng vector này, bức ảnh của bạn sẽ trông sắc nét và thích ứng phù hợp với bất kỳ kích thước màn hình nào. Bên cạnh đó, các yếu tố SVG có thể trở nên vô cùng sinh động và làm cho trang web của bạn hoàn hảo hơn.

Lợi ích của SVG

-Đồ họa vector mở rộng không làm giảm chất lượng của ảnh khi chúng được phóng to hoặc thu nhỏ

-Mỗi yếu tố và thuộc tính trong các tập tin SVG đều có thể được minh họa sinh động

-SVG được giới thiệu dựa trên W3C (World Wide Web Consutirum-tiêu chuẩn thiết kế website)

-Hình ảnh của SVG có thể được in chất lượng cao ở bất kỳ độ phân giải nào

Bất lợi của SGV

-Nếu như bản thiết kế của bạn phải chạy trên trình duyệt IE8, thay vì điều chỉnh kích cỡ hình ảnh phù hợp, thì bạn cần phải xài vector lưu trữ khác hoặc không xài bất cứ cái nào.

Lưu ý về SVG: Đừng làm cho dữ liệu thiết kế của bạn quá nặng, sẽ gây khó khăn và mất thời gian khi tải xuống!

(– Vui lòng xin phép tác giả và rgb.vn khi đăng tải lại bản dịch này)

Xu hướng này trong quá trình in ấn…

Xu hướng này đã rất thịnh hành trên các trang web, thiết kế hình ảnh với kích cỡ lớn đã ảnh hưởng đến việc in ấn rất nhiều. Nghệ thuật chụp ảnh chất lượng cao và hình ảnh minh họa làm tăng thêm sự thú vị cho việc thiết kế in ấn. Không giống như thiết kế trang web, không có lý do nào cụ thể, rõ ràng (để giải thích việc tại sao xu hướng này lại được chấp nhận) hơn là để theo sau sự dẫn đầu của trang web (và thật ra thì, cái cớ để các nhà thiết kế in ấn muốn sử dụng những bức ảnh tuyệt đẹp này là gì?)

Xu hướng 2: Phông nền video

Bạn đang tìm kiếm giải pháp để nâng cao chất lượng hình ảnh sao cho thật nổi bật?

Hãy thử với GIF và video (tiếp theo sau là tầm ảnh hưởng của video 3D). “Việc cân bằng sự phức tạp của đồ họa ba chiều sẽ đóng một phần quan trọng trong sự phát triển của thiết kế web. Trong năm nay, bạn cũng có thể hy vọng sẽ được trải nghiệm phông nền video hoàn toàn đáp ứng chất lượng HD trên nhiều trang web.

Xu hướng này có thể áp dụng tốt ở một số lĩnh vực/ứng dụng, do đó cần phải thận trọng trong việc sử dụng. Dưới đây là những ví dụ điển hình về video, nhưng cũng không phải là tốt lắm.

ĐIỂM CỘNG

Hãy nhìn lại trang web Maaemo, phông nền của video thật sự rất đẹp, không làm loãng các yếu tố cần thể hiện, thanh lịch trên thương hiệu. (Bên dưới là GIF thô của video trên trang web, bạn hãy nhấp vào đường link để vào trang chủ của Maaemo).

Một ví dụ khác là vine.co, website có các video xoay vòng trên đầu website và định dạng rất liên quan thể hiện ý tưởng rằng việc chia sẻ video là rất cần thiết. Video không nhất thiết phải có chất lượng cao, nhưng phải bộc lộ được ý tưởng. (– Vui lòng xin phép tác giả và rgb.vn khi đăng tải lại bản dịch này)

Phông nền video gây được sự chú ý tốt, nhưng không được hiển thị tốt.

Ban đầu, điều này có thể không thể hiện rõ, nhưng nếu ai truy cập trang web khoảng hơn 10 giây thì sẽ nhanh chóng nhận ra cách xử lý vụng về của video nền. Chúng rõ ràng gây bất tiện cho người sử dụng, và thích hợp hơn cho trang web châm biến. Nếu bạn đang sử dụng hình ảnh con người trong nền video, sẽ an toàn hơn nếu bạn không để mặt của họ đối diện với màn hình, nhằm làm cho bức ảnh tự nhiên hơn. Thứ nhất, bạn có thể tránh được vẻ lúng túng, tự nhiên thể hiện hơn. Thứ hai, bạn có thể tránh được cảm giác rùng mình, lúng túng khi hình người trong bức ảnh nhìn thẳng vào bạn. Thứ ba, tiêu đề văn bản đặt cắt ngang khuôn mặt không bao giờ là ý hay.

Vài lưu ý nhỏ: Bạn phải luôn luôn cẩn thận về việc sử dụng và lựa chọn video nền. Một đoạn video không tập trung vào vấn đề nào có thể phá vỡ thông điệp mà doanh nghiệp muốn đem lại.

Xu hướng 3: Kiểu chữ của trang web

Trong quá trình nâng cấp kiểu chữ sử dụng trong trang web như Typekit và Google Fonts, chúng ta có thể dễ dàng thấy sự tăng lên của việc sử dụng Typography. Người ta sẽ thay thế hay mở rộng các phông chữ cơ bản như Arial, Verdana, Georgia và các kiểu chữ tương tự khác. Kết quả là thiết kế trở nên đẹp hơn và trang web cũng chất lượng hơn.

Xu hướng 4: Yếu tố vẽ tay và Typography

Các yếu tố vẽ tay đang phải đối mặt với công nghệ kỹ thuật số. Vậy phương pháp nào có thể cứu được thương hiệu hay công ty thông qua loại hình vẽ tay?

“Dường như mọi người đều có xu hướng vẽ lại những gì có thật đã xảy ra…khám phá các nền văn hóa khác nhau, hoặc lịch sử từng gia đình, hoặc kết nối những câu chuyện thần thoại hay về tuổi thơ. Bằng cách sử dụng những thứ được làm bằng tay, chúng ta đã thực sự kiểm soát được sức mạnh của công nghệ kỹ thuật số.” (Bill Gardner) Đừng nhầm lẫn sự vực dậy của loại hình vẽ tay như là hình thức cản trở thương mại, bởi vì nó được sử dụng cho nhiều chiến lược marketing của công ty để ngụ ý “thay đổi cho phù hợp”.

Nguồn: jessicachampagne.com | Việt hóa bởi: Trang Đài | Ban biên tập RGB.vn. Xin phép tác giả trước khi đăng tải lại bài viết này

[Toihocdohoa.com] Typography – Phần 3: Type, Face, Font… và gì nữa?

Font Store — Sat, 24 Oct 2015 08:57:50 +0000

Khoảng bao nhiêu người trên thế giới đang sử dụng font chữ mỗi ngày nhỉ? Rất nhiều đúng không. Còn bạn thì sao ? Nếu sử dụng mỗi ngày thì bạn có hiểu font chữ là gì không? Nếu bạn là một designer, mình tin chắc sẽ có lúc bạn nhầm lẫn font, type-face, type-style hay type-family … Chẳng sao cả, rồi bạn sẽ hiểu ngay trong vài phút tới đây thôi.

TYPE

Trong thiết kế type được hiểu là con chữ. Giai đoạn sử dụng các phương pháp in ấn bằng cách ghép các khuôn chữ bằng kim loại hay gỗ, type được hiểu là các khuôn chữ đó. Ngày nay định nghĩa đó mở rộng lên các con chữ kỹ thuật số trên máy tính. Bây giờ chúng ta sẽ cùng nghiên cứu về các thành phần liên quan đến type.

TYPE-STYLE

Type-style là các biến thể khác nhau của các type trong cùng một type-face.

Ví dụ: 5 type-style của arial-face là roman, italic, bold, bold italic.

Character angle – độ nghiêng

Type-style cơ bản nhất của type-face là roman. Một type-style khác mô tả độ nghiêng chính là italic. Có một thuật ngữ khác thường thấy là Oblique. Về cơ bản thì 2 từ này đều chỉ về các type-style nghiêng, tuy nhiên sẽ có một chút khác biệt. Nếu bạn quan tâm thì chúng ta sẽ tìm hiểu kỹ hơn ở một bài viết khác.

Character weight – độ đậm

Hầu hết các type-face đều có type-style bold và bold italic. Một số type-face bao gồm nhiều mức độ đậm khác nhau như: light, medium, semibold (demibold), extrabold hay black.

Character width – độ rộng ngang

Một số type-face có thêm type-style độ rộng ngang được đặt tên là condensed hoặc extended.

FONT

Font là một bộ character bằng kim loại hoặc gỗ trong một type-face, có cùng type-style và có 1 kích thước duy nhất. Tuy nhiên định nghĩa này chỉ phù hợp trong giai đoạn in ấn chế bản thủ công.

Ví dụ: font-arial-8pt và font-arial-10pt là hai font khác nhau, cũng như arial-bold và arial-Italic cũng là hai font khác nhau.

Kỷ nguyên kỹ thuật số với sự ra đời của font máy tính thì định nghĩa của font cũng có chút thay đổi. Việc thay đổi kích cỡ của một font chữ trên máy tính trở nên rất đơn giản, các font làm bởi định dạng vector có thể phóng to thu nhỏ tuỳ ý. Chính vì vậy, định nghĩa về font thay đổi thành “font là một bộ character trong một type-face, nó có cùng type-style và gồm nhiều kích thước“.

Ví dụ: font Arial 8pt và Arial-10pt bây giờ là thuộc cùng 1 font, và Arial Bold và Arial Italic sẽ là hai font khác nhau.

TYPE-FACE

Type-face là bố của font, nó bao gồm nhiều font.

Ví dụ: type-face Arial sẽ bao gồm: font arial-bold, font arial-italic, font arial …

TYPE-FAMILY

Type-family là bố của type-face. Một type-family có thể chứa nhiều biến thể, nhưng sẽ luôn luôn có các dấu hiệu nhận biết dựa trên những đặc điểm thiết kế chung. (Ví dụ: Helvetica chính là một type-family, Helvetica-family bao gồm nhiều type-face như helvetica-neune, helvetica-LT, helvetica-rounded …) Điều này cho phép các designer duy trì sự đồng nhất của thiết kế typography trên sản phẩm nhưng không bị nhàm chán, bằng cách sử dụng nhiều type-face/type-style ở cùng một bộ type-family.

Khái niệm Type-family được làm sáng tỏ khi bộ Stone-family ra đời vào thập niên 1980. Stone-family bao gồm 3 type-face:

Stone serif
Stone san
Stone infomal

Ở mỗi type-face có 6 type-style tạo nên tổng cộng 18 type-style khác nhau. Đồng nghĩa với việc designer có thể tạo nên một thiết kế phong phú về chữ mà không làm mất đi sự đồng nhất khi dùng một type-family này.

TYPE MEASUREMENT

Nhu cầu thiết kế phải đẹp, dễ đọc và rõ ràng, đặc biệt là với các văn bản dài, đòi hỏi cần chú ý đến các đại lượng về kích thước-chiều cao-chiều rộng-khoảng cách giữa các ký tự, từ, dòng và đoạn văn.

Có 3 đại lượng cơ bản khi làm việc với con chữ:

Points: sử dụng để đo chiều cao, chẳng hạn như kích thước loại (chiều cao của chữ) và khoảng cách giữa các dòng và đoạn văn.

Picas: sử dụng để đo chiều rộng, chẳng hạn như chiều rộng của một cột sắp chữ (chiều dài của dòng) hoặc không gian giữa các cột. Pica thuận lợi hơn inches vì không gian nhỏ có thể được đo trong toàn đơn vị thay vì các phân số.
Ems và ens: đại lượng chỉ phần không gian của type.

[XEM THÊM]

PHẦN 1 – CỘI NGUỒN CON CHỮ

PHẦN 2 – CƠ THỂ CON CHỮ – TYPE ANATOMY

PHẦN 4 – CÁC HỌ CƠ BẢN CỦA TYPE-FACE

[Toihocdohoa.com] Typography – Phần 2: Cơ thể con chữ – Type Anatomy

Font Store — Sat, 24 Oct 2015 08:54:45 +0000

Thành phần cơ bản của typography chính là các character (ký tự). Character chính là các chữ cái, chữ số, các dấu câu hay các biểu tượng tham chiếu. Mỗi character được tạo nên bởi rất nhiều bộ phận và đó chính là một phần linh hồn của typography.

PHÂN LOẠI CHARACTER

1. CHARACTERS

– uppercase (u.c.)/cap

Thường gọi là chữ in hoa, các uppercase character có kích cap-height bằng nhau. Sẽ rất khó đọc nếu chỉ sử dụng caps-character cho cả một đoạn văn bản, chính vì thế caps-character thường dùng cho các tiêu đề hay câu cần nhấn mạnh.

– lowercase (l.c.) character

Thường gọi là chữ viết thường. Lowercase character được sử dụng cho văn bản vì nó tạo ra nhịp điệu lên xuống của văn bản, thuận mắt và dễ đọc hơn uppercase character.

– numeral / figure character

Là các ký tự số đếm từ 0 đến 9.

2. SPECIAL CHARACTERS

– Pi character

Pi ký tự trong toán học: + % = ÷ –
Pi ký tự dấu câu: . , : ; ! ” ( ) –
Pi ký tự có dấu: å á é ö Ü

Trên các máy tính Macintosh, ký tự đặc biệt có thể được xem trong bất kỳ phông chữ với các tiện ích Caps Key dưới apple menu. Trên các máy Windows có thể vào run gõ “charmap” để xem tất cả các ký tự.

– Ligature character

Chỉ các character kép kết hợp từ các character đơn lẻ (xem thêm: ligature)

THÀNH PHẦN CẤU TẠO CỦA CHARACTER – TYPE ANATOMY

Typographic character cấu thành bởi một số thành phần cơ bản. Cách đơn giản nhất để phân biệt đặc điểm của các thiết kế khác nhau là so sánh cấu trúc của các thành phần này. Dưới đây là một số quy tắc để xác định các thành phần của một character.

Ascender line: đường kẻ trên

Median: …

Baseline: đường gốc để các character đặt lên.
Descender line: đường kẻ dưới

X- Height: chiều cao của character viết thường tính từ baseline – median.

Cap Height: chiều cao của character viết hoa tính từ baseline – ascender line.

Ascender: phần trên character tính từ đường median – ascender line.

Descender: phần dưới character tính từ đường baseline – descender line.

Bar: hoặc Cross Bar, là các thanh ngang trong các character như H, A, T, e, f, t.

Bowl: đường cong tạo ra các vùng counter kín

Counter: vùng rỗng bên trong character.

Ear : phần tai trên của character g viết thường.

Link: liên kết giữa 2 phần trong 1 character, như ký tự g trên ví dụ.

Loop: phần vòng tương character g trên ví dụ.

Serif: phần phụ kết thúc của stroke tạo ra chân chữ. (font có chân)

Spine: đường cong của character S.

Spur: nét vẩy kết thúc các ký tự a, i, l, u, n, m

Axix / Stress: hướng của các charactor có phần counter.

Stroke: hoặc Stem, là đường viền của character.

Terminal: Phần kết thúc của nét, nhưng không phải là chân serif. (Thường có tại ký tự: a, i, h, n …)

Kerning: khoảng cách giữa các character

Set width: chiều rộng một character

Bracket:: phần cong nhỏ thêm vào ở các góc vuông

Contrast: độ tương phản dày mỏng trong 1 character (ký tự)

KẾT

Giờ thì bạn có thể so sánh và đánh giá mức độ chi tiết của từng font chữ rồi nhé. Có một điều lưu ý nhỏ là tên gọi của các thành phần cấu tạo của các character có thể thay đổi, ở một số vùng khác nhau có thể có các tên gọi khác nhau.

[XEM THÊM]

PHẦN 1 – CỘI NGUỒN CON CHỮ

PHẦN 3 – TYPE, FACE, FONT… VÀ GÌ NỮA?

PHẦN 4 – CÁC HỌ CƠ BẢN CỦA TYPE-FACE

[Toihocdohoa.com] Typography – Phần 1: Cội nguồn con chữ?

Font Store — Sat, 24 Oct 2015 08:53:16 +0000

Bạn thân mến, bạn có biết Typography là một từ ghép giữa 2 từ “typo & graphy“, nó được định nghĩa như là một nghệ thuật sử dụng các con chữ. Có một vài đầu sách đưa ra các định nghĩa khác tuy nhiên nhìn chung đều mô tả về sự kết hợp, sắp đặt và sử dụng khéo léo các thành phần con chữ để tạo nên một thiết kế nhằm truyền tải thông điệp và ý đồ của người thiết kế tới người xem.

Để thể hiểu sâu hơn thì chúng ta cùng đi theo dõi cội nguồn của con chữ nhé. Củng cố một chút hiểu biết về cội nguồn gốc rễ con chữ, để nếu có chém gió thì chém cho trúng gió.

CỘI NGUỒN CON CHỮ

Sự hình thành của chữ không bắt nguồn từ bản chất của nó mà gắn liền với sự hình thành và phát triển của văn minh nhân loại. Chữ viết bắt đầu từ cội nguồn cuộc sống của những người nguyên thủy chuyên sống trong hang đá, phát triển song hành với sự hình thành của văn minh đời sống, dẫn đến sự hình thành bảng chữ cái, và kế đến phát minh ra chữ và kỹ thuật i ấn.

Ngày nay với các phương tiện hiện đại chúng ta hiển nhiên có thể học được cách dùng chữ một cách hiệu quả và thẩm mỹ, nhưng không thể không biết đến nguồn gốc để hiểu được tại sao chữ lại xuất hiện và tồn tại đến ngày nay, qua đó có thêm nhiều hiểu biết về quá khứ.

Những cột mốc quan trọng trong lịch sử hình thành chữ sẽ được giới thiệu. Vài thời điểm, niên đại và chi tiết có thể khác nhau bởi nhiều nguồn tư liệu nhưng bản chất của các sự kiện vẫn như nhau, là diễn tiến của một quá trình vinh quang bắt đầu từ những hình vẽ thô sơ trong hang động cho đến những bit, byte của ký tự kỹ thuật số sau này.

1. PICTOGRAMS, IDEOGRAMS VÀ PHONOGRAMS

Vào khoảng năm 20.000 trước công nguyên, các bức tranh trong hang động là bằng chứng đầu tiên của việc ghi lại hình ảnh. Giao tiếp bằng chữ viết được phát triển tầm 17.000 năm sau đó bởi người Sumerian, là vào khoảng năm 3500 trước công nguyên. Họ được biết là đã ghi lại những câu chuyện và những thứ cần thiết lưu trữ bằng cách sử dụng hình vẽ đơn giản về các đối tượng hàng ngày, được gọi là chữ tượng hình Pictograms.

Khi nền văn minh trở nên tiên tiến hơn, họ đã trải qua một nhu cầu giao tiếp khái niệm phức tạp hơn. Khoảng năm 3000 trước công nguyên, chữ tượng hình Ai Cập kết hợp các biểu tượng đại diện cho suy nghĩ hay ý tưởng, gọi là chữ tượng hình ideograms, cho phép sự biểu hiện của khái niệm trừu tượng hơn so với các chữ tượng hình Pictograms. Một biểu tượng cho một con bò có thể có nghĩa là thực phẩm, biểu tượng của ánh mặt trời kết hợp với các biểu tượng cho một người đàn ông có thể ban thánh thể tuổi già hoặc cái chết.

Chữ số la mã (Roman) ngày nay mà chúng ta thường sử dụng chính là các chữ tượng hình ideograms. I, II, III và đại diện cho các ngón tay của bàn tay, V là bàn tay mở, và IV là bàn tay mở trừ đi một ngón tay.

Năm 1600 trước công nguyên, người Phoenicia đã phát triển biểu tượng cho âm thanh, gọi là chữ tượng thanh phonograms. Họ gọi con bò là aleph, được sử dụng để đại diện cho âm thanh “A” và gọi nhà là beth, đại diện cho âm thanh “B”. Ngoài âm thanh, ghi âm cũng có thể là lời nói.

Ngày nay, bảng chữ cái của chúng ta vẫn còn chứa nhiều chữ tượng thanh như: % Cho phần trăm,? Đối với câu hỏi, và $ đối với đồng USD.

2. BẢNG CHỮ CÁI ALPHABET

Người Phoenicia được ghi nhận là những người phát triển thực sự đầu tiên bảng chữ cái alphabet- một tập hợp các biểu tượng đại diện cho âm thanh ngữ nói, mà có thể được kết hợp để đại diện cho ngôn ngữ nói.

Vốn là một xã hội phát triển có nhiều thương gia đi biển, họ giao dịch với nhiều nền văn hóa, truyền bá chữ cái của họ trên khắp thế giới phương Tây. Khoảng 1.000 trước Công nguyên, bảng chữ cái Phoenician đã được những người Hy Lạp, người đã phát triển nghệ thuật của chữ viết tay (handwriting) ra nhiều phong cách. Bảng chữ cái bắt nguồn từ hai chữ cái Hy Lạp đầu tiên là alpha và beta.

Vài trăm năm sau đó, người La Mã sử dụng bảng chữ cái Hy Lạp như là cơ sở cho các chữ cái viết hoa mà chúng ta biết ngày nay. Họ rất tinh thông nghệ thuật handwriting, tạo ra nhiều phong cách đặc trưng của chữ mà họ sử dụng cho các mục đích khác nhau.

Họ tả một cách cứng cáp, kịch bản chính thức dành cho bản thảo quan trọng và các văn bản chính thức và một phong cách không chính thức công nhanh hơn cho các chữ cái và các loại thông thường của văn bản. By AD 100, người La Mã đã phát triển một ngành công nghiệp sách phồn thịnh và, như chữ viết tay Roman tiếp tục phát triển, chữ thường và hình thức thô của dấu chấm câu được dần thêm vào.

3. JOHANNER GUTENBERG VÀ IN ẤN

Thế kỷ XV là thời điểm then chốt cho giao tiếp bằng văn bản. Bản thảo được trân trọng như một thứ của cải hiếm khi xuất hiện bên ngoài tu viện hoặc các tòa án của hoàng gia. Chữ viết được dành riêng cho những đặc quyền đặc lợi. Trong thực tế, không đến 1/10 dân số châu Âu có thể đọc.

Năm 1448, mọi thứ thay đổi với sự ra đợi của ngành in. Johanner Gutenberg, một thợ kim hoàn từ Mainz-Đức, đã phát minh ra phương pháp in dấu. Phát minh này thưc sự đã làm thay đổi thể giới, không còn những người chép thuê vất vả hàng tháng, hàng năm, thậm chí cả đời để chép tay những cuốn sách. Trong khi người ta thường nói Gutenberg phát minh ra cả báo chí in và các bản chữ kim loại, thực tế không phải vậy. In ấn đã được sử dụng vài trăm năm ở Trung Quốc và ít nhất vài thập kỷ ở châu Âu. Mặc dù còn thô sơ nhưng con chữ kim loại đã được đúc thành công một vài năm trước đây ở Hà Lan. Tuy nhiên chính Johann Gutenberg đã làm cho những công nghệ trước đó trở nên thiết thực hơn.

Trong 50 năm tiếp theo là sự bùng nổ của in ấn trên toàn châu Âu, và vào năm 1500, hơn 10 triệu bản của gần 3500 tác phẩm đã được in và phát hành. Sự lan rộng chưa từng có về kiến thức kỹ thuật và xã hội lan truyền khắp thế giới phương Tây. Việc phổ cập giáo dục được bắt đầu.

LỜI KẾT

Vậy là bây giờ bạn đã hiểu thêm một chút về con chữ rồi. Tuy nhiên, cho đến bây giờ vẫn có nhiều tranh luận về một số cột mốc và sự việc, nên nếu bạn muốn tìm hiểu chi tiết hơn thì có thể xem các tài liệu tham khảo ở cuối seria. Còn bây giờ hãy đón xem phần tiếp nhé.

[XEM THÊM]

PHẦN 2: CƠ THỂ CON CHỮ – TYPE ANATOMY

PHẦN 3: TYPE, FACE, FONT… VÀ GÌ NỮA?

PHẦN 4: CÁC HỌ CƠ BẢN CỦA TYPE-FACE