Kiến thức thiết kế

Có rất nhiều nguyên liệu để cấu thành một thiết kế. Màu sắc, hình dạng, kiểu chữ,... đều góp phần không nhỏ đến sự thành công trong thiết kế của bạn. Nhưng khi đi vào sâu hơn, bạn sẽ thấy rằng có rất nhiều thứ ảnh hưởng đến tổng thể thiết kế. Những yếu tố cấu thành một thiết kế chúng ta có một thuật ngữ gọi chung là Element. Ngày hôm nay chúng ta sẽ cùng tìm hiểu những Element đó là gì. Form - Hình thức Form thường có đủ 3 nguyên tố như độ rộng, chiều sâu và độ cao. Thông thường, form có hai loại là Geometric form và Organic form. Đối với những người làm công việc design web, thường họ sẽ nghĩ ngay đến các yếu tố input trong thiết kế UI khi nghe đến form. Shape - Hình dạng Tất cả các đối tượng đều được cấu tạo bởi các hình dạng...

Khám phá cách thiết kế đồ họa bắt đầu, ý nghĩa lịch sử của nó — và sự phát triển của nó thành như ngày nay. Lịch sử của thiết kế đồ họa có thể bắt nguồn từ 30.000 năm trước, tồn tại dưới dạng các bức tranh hang động và các hình dạng được khắc trên đất sét, đá và gạch. Tuy nhiên, thiết kế đồ họa như chúng ta biết ngày nay được phát triển vào kỷ nguyên hiện đại, khoảng cuối những năm 1800. Trên thực tế, phải đến năm 1922, thuật ngữ “thiết kế đồ họa (graphic design)” mới ra đời. Được đặt ra bởi nhà thiết kế sách William Addison Dwiggins, thuật ngữ này đã xuất hiện trong bài luận của ông “Kiểu in ấn mới kêu gọi thiết kế mới (New Kind of Printing Calls for New Design)” để giải thích cách ông tổ chức và quản lý hình ảnh trong công việc...

Credit: Giovanni Medalla Trong hướng dẫn này, bạn sẽ học cách tạo hiệu ứng ba chiều trong thiết kế của mình. Chúng tôi sẽ sử dụng phần mềm Lunacy, một ứng dụng thiết kế cộng tác miễn phí 100% với đồ họa tích hợp sẵn. Khởi động Lunacy và tạo một document mới. Tạo một bảng vẽ. Chọn HD từ danh sách các cài đặt trước trong bảng điều khiển bên phải. Điều chỉnh thu phóng để bảng vẽ vừa với khung vẽ. Tăng chiều cao bản vẽ lên 800px. Thêm một hình chữ nhật (R) bằng kích thước của bản vẽ. Thay đổi Fill của hình chữ nhật thành Radial gradient với các màu sau: # FFB4F7> # FFECC6> # FF95EC> # D384FF> # 8EADFF> # E39DFF> # FF7EF6. Bây giờ tạo lớp tô màu thứ hai. Thay đổi kiểu tô Angular gradient. Thêm 3 tia với màu # 000000 và độ mờ 100%...

Hình ảnh đẹp có thể có tác động rất lớn trong việc tạo ra các thiết kế mạnh mẽ và việc gắn kết hình ảnh chiến dịch của bạn với một mùa trong năm là một cách đơn giản để cho nó có tính kịp thời. Hình ảnh mùa đông rất đặc biệt đối với mọi người trên khắp thế giới vì vẻ đẹp tuyệt vời và ký ức kỳ diệu của nó, sử dụng ảnh mùa đông, hình minh hoạ hoặc vectơ sẽ khiến thiết kế của bạn ấn tượng hơn. Không thiếu các chủ đề tuyệt vời để sử dụng trong các hình ảnh mùa đông, từ các lễ hội văn hoá và tôn giáo khác nhau, thực phẩm, đồ uống, truyền thống, hoạt động đến các mốc thời gian nổi bật trong mùa đông. Nhiều chủ đề trong số chúng và những màu sắc chi phối mùa đông - sẽ liên kết một cách hoàn hảo để tạo ra tiếng nói thương hiệu khác nhau mà bạn...

Có lý do chúng tôi có các quy tắc về kích thước và kích cở tệp. Tìm hiểu nó ảnh hưởng như thế nào khi làm việc cho máy in và ngay cả các nền tảng trực tuyến. Trong thế giới của thiết kế và sản xuất nghệ thuật, bạn sẽ gặp phải các tiêu chuẩn và quy tắc cho các kích thước, hoặc kích cỡ của các tập tin. Máy in có quy tắc, người lập trình có quy tắc và máy chủ cũng có quy tắc. Điều này đảm bảo rằng các tệp tin hoạt động và khả năng tương thích của một tệp. Loại tập tin Một số môi trường phụ thuộc vào các tham số tương ứng của chúng để tạo ra môi trường đó. Ví dụ, Internet chủ yếu bao gồm hình ảnh và văn bản. Vì vậy, những tệp đó cần phải có những quy luật nhất định và chúng cần phải hoạt động theo cách thức đó và phải tương thích với...

Những sai lầm thường gặp của các nhà thiết kế khi thiết kế một form (biểu mẫu) và cách khắc phục chúng. Cho dù đó là một mẫu đăng ký, mẫu form nhiều trang hay giao diện nhập dữ liệu đơn giản, biểu mẫu là một trong những thành phần quan trọng nhất của thiết kế sản phẩm kỹ thuật số. Bài viết này tập trung vào những điều phổ biến và những điều nên tránh về thiết kế biểu mẫu. Hãy nhớ rằng đây là những hướng dẫn chung và có những ngoại lệ đối với một số quy tắc. Biểu mẫu nên có một cột Nhiều cột làm gián đoạn đà dọc của người dùng. Nhãn căn chỉnh trên cùng Người dùng hoàn thành các biểu mẫu được gắn nhãn (label) ở trên đầu lớn hơn nhiều so với các nhãn được căn chỉnh bên trái. Các nhãn được căn chỉnh trên đầu cũng dịch tốt trên...

Trong thiết kế, nguyên tắc nhóm được áp dụng làm cho nhận thức về các yếu tố bố cục nhanh hơn và dễ dàng hơn cũng như thiết lập mức độ ưu tiên ở các mức tương tác khác nhau. Hôm nay chúng ta sẽ xem xét nguyên tắc tương tự của nhóm được sử dụng rộng rãi trong thực hành thiết kế. Nguyên lý tương tự Nguyên tắc tương tự được dựa vào ý tưởng từ những thứ có chung đặc điểm hình ảnh như hình dạng, kích thước, màu sắc, kết cấu, giá trị,... Nếu một người nhận thức được tập hợp các yếu tố, người đó có xu hướng nhóm những yếu tố có một hoặc nhiều tính năng giống như các vật phẩm liên quan. Do đó, việc đưa ra các yếu tố bố cục khác nhau về các tính năng hình ảnh giống hệt nhau hoặc tương tự, các nhà thiết kế kích thích người dùng thiết lập các...

Design System đã và đang trở thành solution (giải pháp) phát triển và tối ưu lâu dài cho product (sản phẩm) của companies (các công ty) trên toàn cầu nói chung và tại Việt Nam mới đây hoặc sắp tới nói riêng. >> Tìm hiểu về Design System Tuy nhiên, trong quá trình xây dựng Design System ngoài những lợi ích được nhận. Thì bên cạnh đó, sẽ có các vấn đề chúng ta cần phải control (kiểm soát) được rõ để tối ưu giải pháp này một cách phù hợp product cũng như workloading của team. Không chỉ mang lại lợi ích, Design System còn chứa nhiều vấn đề mà bạn và team cần phải nắm rõ để tối ưu được giải pháp này với sản phẩm. (Image by developer.salesforce) Thời gian & nhân lực Đây là hai yếu tố đầu tiên bạn cần phải nghĩ đến nếu đứng ở vị trí là...

Trong lĩnh vực thiết kế đồ họa và đồ họa chuyển động, việc tạo ra bóng tuyệt đẹp là một yếu tố quan trọng giúp tăng tính thẩm mỹ và sâu sắc cho sản phẩm của bạn. Dưới đây là một số công cụ và phần mềm hàng đầu để tạo bóng và hiệu ứng đổ bóng đẹp mắt cho các nhà thiết kế: 1. Adobe Photoshop: Adobe Photoshop là phần mềm chỉnh sửa hình ảnh chuyên nghiệp, cho phép bạn tạo bóng, hiệu ứng đổ bóng và nhiều hiệu ứng khác bằng cách sử dụng các công cụ như Layer Styles và Gradient Overlay. Photoshop cung cấp nhiều tùy chọn tùy chỉnh, từ đó bạn có thể tạo ra các loại bóng phong cách, bóng nước, bóng chữ, và nhiều hơn nữa. 2. Adobe Illustrator: Adobe Illustrator là phần mềm thiết kế vector chuyên nghiệp, được sử dụng rộng rãi để tạo các biểu đồ...

Trong các bước sau, bạn sẽ tìm hiểu làm thế nào để tạo biểu tượng S.H.I.E.L.D. trong Adobe Illustrator. Để bắt đầu bạn sẽ tìm hiểu làm thế nào để thiết lập một mạng lưới đơn giản và làm thế nào để tạo ra các hình dạng chính bằng cách sử dụng công cụ cơ bản và các hiệu ứng, chủ yếu sử dụng những kĩ thuật vẽ các dạng vector căn bản và tính năng Live Corners. Tiếp đó, bạn sẽ tìm hiểu làm thế nào để đổ bóng và làm nổi bật các hình dạng bằng cách sử dụng các kỹ thuật blending đơn giản cùng với bảng điều khiển Appearance và một số hiệu ứng . Sử dụng công cụ đường Type on a Path bạn sẽ biết làm thế nào để thêm một đoạn văn bản đơn giản dọc theo một đường dẫn sẵn có và làm thế nào để biến nó thành hình dạng vector có thể chỉnh sửa Cuối...

Ngày qua ngày chúng tôi bị choáng ngợp với luồng thông tin lớn cả ngoại tuyến và trực tuyến. Do các công nghệ mới và kết nối internet nhanh, mọi người có thể tạo ra nhiều nội dung hơn so với khả năng tiếp thu. Khi dùng một trang trang web và ứng dụng, người dùng thường không đọc tất cả mọi thứ họ thấy từng chữ một - trước tiên họ quét trang để tìm hiểu xem nó có hữu ích với họ hay không. Từ đó chúng ta có một thuật ngữ mang tên là scannability, scannability là một trong những yếu tố thiết yếu của trang web. Bài viết hôm nay khám phá hiện tượng và đưa ra các mẹo về cách làm cho sản phẩm kỹ thuật số có thể quét được. Scannability là gì? Áp dụng cho một trang hoặc màn hình, thuật ngữ "Scannability" có nghĩa là đọc lướt qua hoặc đọc vội...

Một nghiên cứu của Google cách đây khoảng 4 năm về trước đã chỉ ra rằng một người dùng trung bình cài khoảng 36 ứng dụng trên thiết bị của họ và chỉ sử dụng thường xuyên 9 ứng dụng hằng ngày. Theo thống kê, chỉ có 4% ứng dụng được sử dụng trong hơn một năm. Các ứng dụng không chỉ cần thiết kế tốt mà cần phải tuân thủ các nguyên tắc thiết kế trải nghiệm người dùng (UX) cơ bản để làm cho ứng dụng đó trở nên hữu ích và dể sử dụng. Một ứng dụng hữu dụng sẽ khiến người dùng sử dụng thường xuyên và giảm thiểu khả năng bị gỡ bỏ. UX tốt hơn sẽ có khả năng giữ chân người dùng hơn. Dưới đây là năm mẹo UX để giúp bạn thiết kế các ứng dụng di động tốt hơn. 1. Tính khả dụng và mục tiêu người dùng Chẳng may bạn bị đi bị đến nơi làm việc thì gặp...

Trong bài viết trước, chúng tôi đã đề cập đến 8 lỗi cơ bản mà những nhà thiết kế nghiệp dư hay mắc phải. Tiếp tục với bài viết trong phần này, chúng ta sẽ tiếp tục đề cập đến những lỗi khiến cho thiết kế của bạn trở nên thiếu chuyên nghiệp. 9. Không chia tỷ lệ đúng Những nhà thiết kế nghiệp dư đôi khi họ không chia tỉ lệ cho bố cục. Nhưng việc không chia tỉ lệ cho bố cục khiến cho nội dung không được phân cấp rõ ràng khiến người dùng không chú ý đến yếu tố bạn muốn họ nhìn đến. Tuy nhiên khi điều chỉnh tỉ lệ, điều quan trọng là đảm bảo rằng các yếu tố không bị kéo dài theo những cách không nhằm mục đích để chúng không bị biến dạng. 10. Bỏ qua các quy tắc phân cấp trực quan Một nguyên tắc quan trọng của thiết kế đồ họa đó là...

Logo Porsche là biểu tượng đại diện cho những chiếc xe sang trọng và có hiệu suất cao. Porsche thuộc sở hữu của Tập đoàn Volkswagen – Đức. Ferdinand Porsche và một chiếc Porsche 356. Nguồn ảnh: sfcriga.com Xuất phát với những khởi đầu khiêm tốn, Porsche bắt đầu di sản của mình từ năm 1948 với nhà sáng lập là Ferdinand Porsche, nhà phát minh, kỹ sư, ông là một trong những người đi đầu về lĩnh vực tự động hoá trong sản xuất ô tô. Logo Porsche trên vô lăng của một chiếc Porsche Panamera. Nguồn: Shutterstock Porsche hiện tại đặt trung tâm trụ sở của mình tại Zuffenhausen, thành phố Stuttgart, phía nam nước Đức. Mặc dù ngày nay logo Porsche đại diện cho những chiếc xe hơi được hoàn thiện rất cao cùng khả năng vận hành ấn tượng, nhưng...

Kích thước poster tiêu chuẩn quốc tế là: Lớn nhất là 24″ x 36″, 18″ x 24″ cho loại trung bình, 11″ x 17″ là kích thước nhỏ... (ký hiệu ″ chính là inch, 1 inch = 2,54cm) Chúng có thể được nhìn thấy trong các quảng cáo điểm dừng xe buýt, áp phích trong các rạp phim, trên các phương tiện quảng cáo và truyền thông. Dưới đây là một số thông tin về kích thước và ảnh demo cho bạn tham khảo: Nhỏ nhất - 8,5 "x 11" Đây là kích thước poster nhỏ nhất dựa trên kích thước giấy A4 và rất phù hợp với các quảng cáo phát tay. Chúng có thể được sử dụng để chuyển tay trực tiếp đến nhiều người trên đường phố. Ở thành phố Hồ Chí Minh thì mình thường được phát khi đang dừng đèn đỏ, tất nhiên là khi bạn đã nhận và đọc các tấm poster này xong thì hãy cầm...

Khi một thiết kế logo bao gồm các biểu tượng và văn bản, nhà thiết kế cần xử lý một cách đặc biệt. Nhiều logo có cả tên công ty và biểu tượng. Một trong những mục đích của logo dạng này đó là khách hàng có thể biết ngay tên công ty ngay từ cái nhìn đầu tiên. Do đó, các Logo này trở thành một công cụ tiếp thị tốt để quảng bá doanh nghiệp. Mọi người và khách hàng tiềm năng có thể nhanh chóng biết được logo của công ty đại diện. Dưới đây là các mẹo hay để kết hợp văn bản và biểu tượng khi thiết kế Logo 1. Chọn biểu tượng một cách cẩn thận Trước hết, khi kết hợp một biểu tượng và văn bản trong Logo, lựa chọn của bạn về biểu tượng phải hoàn toàn rõ ràng. Bạn phải có một số thông tin chi tiết về doanh nghiệp mà logo dự định đại diện. Nó...

Bạn có thắc mắc điều gì đằng sau giao diện của các ứng dụng và trang web bạn sử dụng hàng ngày không? Đó là thiết kế giao diện người dùng (UI): là quá trình tạo các yếu tố trực quan để mọi người (người dùng) tương tác với sản phẩm hoặc dịch vụ. Mục tiêu của thiết kế giao diện người dùng là tạo ra một giao diện dễ sử dụng, chức năng cao và hình ảnh đẹp mắt. Illustration by OrangeCrush Thiết kế giao diện người dùng (UI) là gì? Thiết kế giao diện người dùng tập trung vào tính tương tác và tính thẩm mỹ của trải nghiệm kỹ thuật số. Đây có thể là một ứng dụng di động, trang web hoặc thậm chí là một trò chơi điện tử. Nó cũng bao gồm các chức năng ảnh hưởng đến cách người dùng trải nghiệm sản phẩm hoặc dịch vụ. Thiết kế giao diện người dùng...

30 năm trước đây, Illustrator là một trong những phần mềm vector và thiết kế phổ biến nhất. Chúng ta hãy xem lại cách mà họ giới thiệu phần mềm này đến người dùng lần đầu tiên qua nhiều thập kỷ trước. Vào tháng Giêng năm 1987, Adobe phát hành phiên bản đầu tiên của Illustrator - mang lại công cụ minh họa chuyên nghiệp cho Mac. Illustrator 1.0 trông cơ bản tiêu chuẩn hiện nay, nhưng đã đột phá sau đó. Trong video dưới đây, chủ tịch Adobe John Warnock giới thiệu phần mềm - chủ yếu dựa trên một công việc quét theo tác phẩm nghệ thuật, truy tìm nó và sau đó điều khiển nó, thêm các yếu tố như văn bản. Có gì trong phiên bản Illustrator 1.0 ? Rõ ràng là có nhiều thay đổi giữa Illustrator 1.0 và Illustrator CC 2017 hiện này (đó là phiên bản...

Chọn phông chữ thương hiệu hoàn hảo cho công ty của bạn cũng quan trọng như việc chọn màu sắc thương hiệu. Chúng thiết lập hệ thống phân cấp trực quan, tạo ra sự hài hòa và thiết lập tông màu tổng thể cho thương hiệu của bạn. Theo MDG Advertising, 75% người tiêu dùng đánh giá doanh nghiệp qua thiết kế trang web và 72% nói rằng thiết kế bao bì ảnh hưởng đến quyết định mua hàng của họ. Vì phông chữ đóng một vai trò quan trọng trong thiết kế trang web và bao bì, nên việc lựa chọn phông chữ hoàn hảo có thể mang lại lợi ích to lớn cho bất kỳ thương hiệu nào. Trong hướng dẫn hữu ích này, chúng tôi sẽ giúp bạn tìm ra các phông chữ hoàn hảo cho thương hiệu của bạn. Các loại Phông chữ Thương hiệu & Tính cách của nó Trước khi đi sâu vào...

Thiết giới thiết kế luôn thay đổi, luôn luôn có những xu hướng thiết kế mới, chúng thay đổi hằng năm, hàng tháng và thậm chí hằng ngày. Để bắt kịp xu hướng bạn phải luôn chuẩn bị một tinh thần tiếp thu và đổi mới. Trong bài viết này, chúng ta hãy cũng xem qua một số xu hướng thiết kế Landing Page (Landing Page Design) trong năm mà bạn nên thử áp dụng. 1. Bố cục đường chéo Một trong những xu hướng mới nhất trong những năm trở lại đây là bố cục theo hướng chéo, một xu hướng dựa vào những mẫu thiết kế 3D, chúng sẽ giúp bạn tạo ra một cái nhìn độc đáo. Bạn có thể tham khảo một số mẫu thiết kế theo bố cụ này ở bên dưới. Enterprise Grid Baianat Scale 2. Lượn sóng Bạn có nhận thấy rằng những đường lượn sóng khá hấp dẩn người...