NộI Dung
- Thiết kế trong trình duyệt
- Suy nghĩ lại các quy trình
- To lớn, đáng sợ và khác biệt
- Phát triển là quan trọng
Theo kinh nghiệm của tôi, các nhà thiết kế web nói quá nhiều về sự phát triển. Chúng tôi đang lo lắng về cách một thứ gì đó có thể trông như thế nào trong IE8, hoán đổi các giải pháp dự phòng góc tròn và hiện đang nhấn mạnh về các khung lưới linh hoạt. Điều nguy hiểm là những hạn chế về kỹ thuật sẽ kìm hãm sự sáng tạo của chúng ta.
Bạn có thường xuyên đặt ra một ý tưởng để nghỉ ngơi bởi vì nó sẽ là một cơn ác mộng để triển khai trong CSS? Làm thế nào sớm để bạn nghiền nát ý tưởng đó? Bạn có để nó phát triển một thời gian để xem liệu đó có phải là cách tốt nhất có thể để truyền đạt các mục tiêu trang web của bạn cho người dùng của bạn không? Hay bạn chỉ xếp nó lại ngay sau khi bạn xem xét nó sẽ yêu cầu bao nhiêu điểm đánh dấu?
Thiết kế trong trình duyệt
Kể từ khi thiết kế đáp ứng ra đời, đã có rất nhiều người nhiệt tình nói với mọi người rằng nếu họ không thiết kế trong trình duyệt thì họ không thể làm đúng, bởi vì cách duy nhất để hiển thị thực tế dòng nội dung tự nhiên là nó là trong trình duyệt là trong chính trình duyệt.
Nhưng điều này làm phiền tôi. Tôi thực sự muốn có thể thiết kế trong trình duyệt, nhưng tôi không có khả năng. Nếu tôi nghĩ trong CSS, mọi thứ chỉ dừng lại ở dạng hộp có đường viền, bởi vì đó là điều dễ tạo trong CSS.
Không phải vì tôi là một nhà phát triển front-end tồi: Tôi biết mình có khả năng xây dựng các thiết kế rất phức tạp. Nó giống như thể các khía cạnh kỹ thuật và sáng tạo trong bộ não của tôi không muốn tương tác theo cách như vậy.
Như Robbie Manson đã nói rất hay trong bài nói chuyện của mình tại New Adventures, "Thiết kế trong trình duyệt không nhất thiết phải thúc đẩy sự sáng tạo". Tôi rất nhẹ nhõm khi Robbie nói điều này đến nỗi tôi phải kìm chế bản thân để đứng lên và cổ vũ.
[Ghi chú của biên tập viên: cũng xem Sarah Parmenter, "Tôi không thể thiết kế trong trình duyệt"]
Suy nghĩ lại các quy trình
Sự sáng tạo mà chúng ta đánh mất khi thiết kế trên trình duyệt không phải là vấn đề duy nhất của tôi. Hiện tại, chúng tôi đang xem xét lại các quy trình làm việc của mình, cố gắng đáp ứng các thiết bị mới và tôi tự hỏi thiết kế dựa trên trình duyệt sẽ phù hợp với quy trình đó ở đâu.
Trước đây, chúng tôi có các quy trình nói chung là một biến thể trên Nghiên cứu> Lập kế hoạch> Thiết kế> Phát triển> Kiểm tra. Nhìn vào quá trình này như một cái nhìn tổng quan sơ bộ, sự phát triển trong trình duyệt sẽ đến lúc kết thúc.
Bây giờ tôi biết rằng tất cả chúng ta đều nghĩ rằng chúng ta rất thông minh và sẽ không bao giờ bỏ qua các bước quan trọng, nhưng điều gì sẽ xảy ra khi chúng ta bắt đầu 'xây dựng' các thiết kế của mình trong trình duyệt ngay từ giai đoạn lập kế hoạch và thiết kế? Tôi lo lắng rằng một khi mọi người bắt đầu gắn bó với khuôn khổ tạo mẫu và lưới của họ, họ đã hạn chế thiết kế của mình bằng các công cụ phát triển. Bạn đã bắt đầu suy nghĩ về giải pháp cho vấn đề phát triển của mình trước khi bạn bắt đầu xác định trải nghiệm người dùng hoặc các vấn đề thiết kế có thể là gì.
To lớn, đáng sợ và khác biệt
Tôi có lý thuyết về lý do tại sao chúng tôi làm điều này, lý do tại sao chúng tôi tiếp tục về đánh dấu và kiểm tra thiết bị và tất cả những vấn đề rất quan trọng khác, nhưng không nhất thiết-phù hợp-ở-giai đoạn thiết kế. Chúng tôi đang trả giá quá cao vì chúng tôi hoàn toàn không biết mình đang cố gắng thiết kế điều gì.
Các bố cục đáp ứng, thích ứng và mặt khác linh hoạt đã thay đổi hoàn toàn cách chúng tôi thiết kế và môi trường mà các thiết kế của chúng tôi được định hướng. Điều này là lớn và đáng sợ và khác nhau. Chúng tôi không còn trang trí các hình chữ nhật rộng 1024 pixel nữa, chúng tôi phải đưa ra các chiến lược thiết kế sẽ hoạt động trên nhiều chế độ xem. Chúng tôi phải hiểu và quyết định xem điều gì sẽ phân biệt một trang web trên các khung nhìn này và điều gì sẽ hợp nhất các yếu tố để mang lại trải nghiệm thiết bị chéo gắn kết.
Với tư cách là nhà thiết kế-nhà phát triển, sự phát triển là một lý do tuyệt vời để tránh nghề thiết kế của chúng tôi. Việc phát triển về mặt kỹ thuật có thể khó hơn, nhưng về mặt thiết kế, chúng tôi có nhiều khả năng gặp phải những thách thức trong đó giải pháp không đơn giản hoặc đã được chia sẻ bởi một nhà phát triển khác.
Phát triển là quan trọng
Tất nhiên rất nhiều sự phát triển có ảnh hưởng của thiết kế. Ví dụ, tôi tin rằng các điểm ngắt truy vấn phương tiện truyền thông thực sự là một thiết kế cần cân nhắc. Chúng tôi quyết định về kích thước khung nhìn mà chúng tôi muốn phù hợp trong giai đoạn lập kế hoạch ban đầu của thiết kế trang web của mình, chúng tôi cấu trúc bố cục xung quanh nội dung mà chúng tôi thường có trong giai đoạn thiết kế ban đầu lập kế hoạch muộn. Việc phát triển các truy vấn phương tiện là lập kế hoạch cho các điểm phá vỡ và thay đổi của bố cục dựa trên sự cân bằng giữa độ rộng khung nhìn và cấu trúc nội dung. Do đó, điều này là cơ bản cho các quyết định bố trí.
Tôi không nghĩ rằng chúng ta cần phải hiểu biết về mặt kỹ thuật, mà là không biết về các giải pháp kỹ thuật có thể có ở đây hôm nay nhưng được giải quyết trong một polyfill hoặc thông số kỹ thuật vào tuần tới. Trải nghiệm người dùng đang diễn ra và bị ảnh hưởng bởi bối cảnh luôn thay đổi trong các dự án của chúng tôi.
Chúng tôi vô cùng may mắn khi được làm việc trong thời điểm web đang cải thiện và phát triển với tốc độ nhanh như vậy. Chúng tôi cần phải chịu trách nhiệm với tư cách là những người tiên phong của web đáp ứng và bắt đầu thảo luận cởi mở về những thách thức thiết kế của chúng tôi để tạo ra các tiêu chuẩn và quy ước trong tương lai.
Bây giờ hãy xem các tính năng mới nhất trong Photoshop CS6.
