Bạn đã bao giờ nghe nói về pixel hoàn hảo chưa? Bạn đã từng được hỏi về nó trong các cuộc phỏng vấn xin việc hay bạn đã thấy nó trong các lời mời làm việc chưa? Nếu vậy, bạn có thể nghi ngờ về những gì họ đang đề cập đến. Trừ khi bạn biết chắc nó là gì, từ quá trình đào tạo hoặc từ kinh nghiệm của bạn.
Nhưng nếu không phải như vậy và bạn cần làm rõ khái niệm này để không bị coi là "newbie" trong một cuộc phỏng vấn, thì đây là tất cả thông tin bạn cần biết về nó. Bạn có nhìn không?
pixel hoàn hảo là gì
Có thể với những từ đó, bạn có thể nghĩ rằng nó đề cập đến việc tạo ra các hình minh họa hoặc hình ảnh với các pixel hoàn hảo (nghĩa là với các yếu tố tạo nên một hình ảnh).
Nhưng nó thực sự đi xa hơn. Đúng là đây thực sự là những gì nó hướng tới, đạt đến sự hoàn hảo với các thiết kế.
Những kỹ thuật này chủ yếu được sử dụng trong thiết kế trang hoặc ứng dụng, nhưng không có gì ngăn cản bạn sử dụng chúng khi tạo hình ảnh bằng máy tính của mình.
Thuật ngữ này được sử dụng vào những năm 90., được đặc trưng bởi vì các trang web được tạo thông qua Photoshop, theo cách truyền thống hơn (không phải như bây giờ). Vì lý do này, người ta tìm kiếm những người thành thạo hoàn hảo công cụ và kỹ thuật để thiết kế phù hợp.
Tất nhiên, nhiều năm đã trôi qua và mặc dù không có nhiều người đang tìm kiếm các chuyên gia biết cách áp dụng kỹ thuật pixel perfect, nhưng biết nó cũng không hại gì, hoặc ít nhất là biết những kỹ thuật nào đã được sử dụng để đạt được kết quả tốt hơn.
Chúng tôi cho bạn biết về chúng dưới đây.
kỹ thuật hoàn hảo pixel
Như chúng tôi đã nói với bạn trước đây, ở đây chúng ta sẽ nói về các kỹ thuật khác nhau mà một chuyên gia pixel perfect đã sử dụng để đạt được mục tiêu của mình.
Khả năng tiếp cận
Khả năng truy cập là thứ không cho phép bạn biết những gì chúng tôi đang đề cập đến nếu chúng tôi không cung cấp cho bạn thêm dữ liệu, phải không?
Hãy tưởng tượng rằng bạn có một trang web sẽ có một menu từ đó hiển thị một số tùy chọn.
Một trang web không thể truy cập sẽ là một trang web mà trong các tùy chọn được hiển thị đó, có thể đọc được phần trích dẫn của mỗi trang.
Một trang web có thể truy cập sẽ là một trong những tùy chọn được hiển thị đó, chúng tôi sẽ có một hoặc hai từ xác định những gì sẽ được tìm thấy trên trang đó.
Nói cách khác, và tập trung vào thiết kế, đó là tạo ra một trang web hoặc ứng dụng dễ điều hướng, không gây ra sự cố và cũng trực quan.
Typography
Mặc dù kiểu chữ có thể nằm trong khả năng tiếp cận, nhưng sự thật là nó có kỹ thuật riêng.
Một mặt, Bạn phải tìm một phông chữ hiệu quả cho doanh nghiệp hoặc lĩnh vực của trang web đó. Ngoài ra, điều quan trọng là nó phải có kích thước và khoảng cách phù hợp để có thể đọc được, để có thể nhìn thấy nó trong mọi trình duyệt, thiết bị, v.v.
Trong trường hợp này, không nên đặt cược vào các phông chữ rất nguyên bản, không thuộc loại "cổ điển". Bởi vì bạn có thể thấy rằng trình duyệt thay đổi chữ cái vì nó không có nó, vì văn bản không được hiển thị, v.v.
điểm ảnh
Làm sao có thể không, Nếu chúng ta nói về pixel perfect, một trong những kỹ thuật mà bạn phải thành thạo một cách hoàn hảo Đó là tất cả về pixel. Bạn không nên chỉ biết chúng là gì, tầm quan trọng của chúng, v.v. mà còn làm thế nào để sử dụng chúng để lợi thế của bạn.
Và theo nghĩa này, bạn nên biết rằng một trong những thất bại của những người không thành thạo chúng một cách hoàn hảo là cho phép các cạnh được rasterized (điều mà Photoshop có thể làm theo mặc định).
Để tránh nó, bạn sẽ cần các cạnh phải thẳng và ngoài ra, chúng phải nguyên vẹn. Nói cách khác: bằng cách sử dụng cài đặt Photoshop, bạn nên tránh khử răng cưa cũng như rasterization pixel.
phân cấp thị giác
Mặc dù kỹ thuật này không liên quan nhiều đến pixel, nhưng nó liên quan đến thứ tự xuất hiện của các thành phần khác nhau của trang web hoặc ứng dụng. Khi thực hiện nó trong Photoshop, bạn phải rất rõ ràng về cách bạn muốn mọi thứ trông như thế nào (vì sau này khó đổi).
Vì lý do này, khi xây dựng "cơ sở" hoặc cấu trúc của web, cần phải biết yếu tố nào có liên quan, ở mức độ nào và thứ tự chúng sẽ xuất hiện để có một thiết kế đẹp mắt.
Tổ chức và danh pháp
Trừ khi bạn tự làm trang web hoàn toàn và bạn tự tổ chức theo ý muốn, nếu không thì việc tổ chức tốt sẽ mang lại hình ảnh rất tốt.
Các nhà thiết kế thường làm việc theo nhóm. Do đó, việc trình bày một tệp được tổ chức tốt, theo lớp và xác định từng thành phần (không chỉ trang web, mà cả hình ảnh, biểu tượng, v.v.) sẽ giúp thực hiện các thay đổi sau này nhanh hơn nhiều, vì bạn sẽ luôn biết vị trí của nó chạm.
căn chỉnh và khoảng cách
Cung cấp một thiết kế web với một số sản phẩm, nhưng mỗi sản phẩm cao hơn hoặc thấp hơn sản phẩm tiếp theo sẽ rất hỗn loạn. Đầu tiên, bởi vì bạn sẽ đưa ra một hình ảnh rất xấu; và thứ hai bởi vì nhìn trực quan, nó sẽ có cảm giác lộn xộn đến mức mọi người sẽ chỉ muốn ra khỏi đó càng sớm càng tốt.
Quan tâm đến các lề, thiết lập các đường dọc và ngang để mọi phần tử được căn giữa và tạo tiêu chí về kích thước sẽ đạt được sự cân bằng trên trang.
Ngoài ra, bạn sẽ có được thiết kế để "thở" và cùng với nó, bạn sẽ không cảm thấy choáng ngợp trước mọi thứ mình nhìn thấy mà sẽ bình tĩnh hơn.
Màu sắc, hình dạng và ý nghĩa
Các yếu tố hình ảnh của trang web hoặc ứng dụng phải “kết hôn”. Đó là, điều cần thiết là chúng phải được kết hợp với nhau để chúng mang lại kết quả như thể chúng đã luôn ở cùng nhau. Đó là điều mà pixel perfect đảm nhận.
Nếu không nó sẽ gây nhầm lẫn cho người dùng.
Ví dụ: đặt một biểu tượng màu đen với một biểu tượng khác bên cạnh có màu huỳnh quang.
Bạn phải chú ý đến những chi tiết đó. bởi vì chúng có thể phá hủy hoàn toàn kết quả cuối cùng.
Kỹ thuật pixel perfect hiếm khi được sử dụng nữa, đặc biệt là khi các trang web không còn được tạo bằng Photoshop nữa. Nhưng điều này bạn có thể di chuyển nó cho mục đích sử dụng khác. Bạn đã bao giờ nghe nói về cô ấy?