Các nguyên tắc sáng tạo được ứng dụng trong CSS3

Một phần của tài liệu Các nguyên lý sáng tạo ứng dụng trong công nghệ Web thế hệ mới (Trang 28 - 40)

Nguyên tắc chuyển sang chiều khác

Thay vì phải sử dụng hình ảnh để hiển thị màu Gradient, bo tròn góc và xoay các khung làm việc, thì trong CSS 3, chỉ cần một vài lệnh CSS đơn giản để thực hiện những việc đó. Điều này giúp cho nhà thiết kế web có thể rút ngắn được thời gian chỉnh sửa hình ảnh và việc thay đổi màu sắc, hình dạng của trang web cũng dễ dàng hơn.

Nguyên tắc phân nhỏ

CSS3 có chức năng phân nhỏ các đối tượng khai báo thành nhiều dạng tương ứng với các thẻ, các id và các class.

CSS3 còn phân nhỏ để xử lý kiểu cho một số các sự kiện cơ bản

CSS3 có sự hỗ trợ riêng cho từng trình duyệt, khi áp dụng cho FireFox thì thêm prefix “-moz-“ phía trước thuộc tính, “-O-“ cho Opera, -webkit- cho Internet Explorer.

Nguyên tắc rẻ thay cho đắt

Các hiệu ứng chuyển động Animation, mặc dù chỉ là những chuyển động đơn giản nhưng cũng có thể thay thế một số thành phần trên trang web như các banner quảng cáo. Với CSS 2 thì việc làm các thẻ HTML chuyển động là không thể. Khi đó, muốn trang web sinh động, người thiết kế web phải thêm vào các plug-in khác như Flash hay phải sử dụng jQuery.

Việc để cho trình duyệt tự động biên dịch các mã CSS 3 sẽ giúp giảm tải cho server. Các hình ảnh thường ít nhiều ảnh hưởng đến việc truyền tải dữ liệu. Do đó, khi truyền tải dữ liệu cho máy khách thì truyền một số mã lệnh CSS đơn giản sẽ hiệu quả, nhanh hơn so với truyền nhiều hình ảnh xuống máy khách.

Nguyên tắc vạn năng

CSS 3 được thiết kết để hỗ trợ tất cả các trình duyệt từ smartphone đến desktop. Các khai báo của CSS 3 có thể đơn giản nhưng lại rất linh động trong việc hiển thị trên giao diện màn hình.

Trong một website, khi muốn sử dụng những chuyển động, hiệu ứng cho các thẻ HTML thì cần phải có thêm sự hỗ trợ của Flash, Jquery hay Javascript. Nhưng với CSS 3, thì việc này đơn giản hơn là chỉ cần khai báo các CSS với hiệu ứng chuyển động cho các thẻ HTML.

Nguyên tắc thay đổi màu sắc

Trong các phiên bản trước, CSS chỉ hiện thị được một màu trong một thẻ HTML. Để có thể sử dụng được màu Gradient trong cùng một thẻ thì cần phải đặt thuộc tính image-background là một hình màu Gradient. CSS 3 đã khắc phục được điểm đó, thay vì phải truyền tải một hình xuống trình duyệt phía máy khách, thì chỉ cần truyền tải đoạn mã CSS và trình duyệt sẽ tự động biên dịch thành màu mong muốn.

PHẦN III. 40 nguyên lý sáng tạo

1. Nguyên tắc phân nhỏ:

Nội dung: Chia đối tượng thành các thành phần nhỏ hơn, độc lập nhau, để giải quyết từng thành phần một.

Ví dụ: bàn ghế giường tủ thường được đóng từ nhiều mảnh ván ghép lại với nhau. Mỗi mảnh ván như vậy vừa dễ tìm, khi vận chuyển cũng dễ dàng tháo rời. Không ai lạ i đi kiế m một thân cây bằng cái bàn rồi ngồi đẽo cho ra cái bàn cả.

2. Nguyên tắc tách khỏi đối tượng:

Nội dung: Tách những thành phần đặc biệt ra khỏi đối tượng, những thành phần này có thể là quan trọng, hoặc dễ hư hỏng.

Ví dụ: Đối với các loại thiết bị điện có sử dụng pin, thì thường tuổi thọ của pin ngắn hơn nhiều so với thiết bị. Do vậy người ta thiết kế để có thể tháo pin ra khỏi thiết bị để thay thế khi hết pin.

3. Nguyên tắc phẩm chất cục bộ

Nội dung: Mỗi thành phần của đối tượng đóng vai trò khác nhau cũng như hoạt động trong điều kiện khác nhau trong hoạt động của đối tượng. Chính vì vậy mà từng thành phần cần có những phẩm chất khác nhau để phù hợp với tình huống của mình.

Ví dụ: Để bảo vệ sách, bìa sách thường được làm dày hơn các thành phần còn lại.

4. Nguyên tắc phản đối xứng

Nội dung: Chuyển đối tượng có hình dạng đối xứng thành không đối xứng

Ví dụ: Các loại xe 2 bánh muốn đứng được thì phải có một độ nghiêng so với phương thẳng đứng nếu dùng 1 chân chống. Việc phá vỡ đối xứng này làm cho xe đứng vững được.

5. Nguyên tắc kết hợp

Nội dung: Kết hợp các đối tượng khác nhau để cùng thực hiện một công việc chung.

Ví dụ: Nhiều chià khoá kết hợp lại thành chùm chià khoá, tránh thất lạc. Bút chì thường đi chung với cục tẩy.

6. Nguyên tắc vạn năng (adsbygoogle = window.adsbygoogle || []).push({});

Nội dung: Đối tượng thực hiện một số chức năng khác nhau (mà không cần thêm sự hỗ trợ từ đối tượng khác)

Ví dụ: Điện thoại di động vừa có thể nghe gọi, vừa có thể nghe nhạc xem phim.

Nội dung: Một đối tượng được đặt bên trong đối tượng khác và bản thân nó lại chứa đối tượng con nhỏ hơn.

"Chứa trong" cần hiểu theo nghiã rộng, không chỉ đơn thuần theo nghiã không gian. Ví dụ, khái niệm này nằm trong khái niệm khác, lý thuyết này nằm trong lý thuyết khác, chung hơn..

Ví dụ: Có nhiều định lí chứa trong một tiên đề. Đến khi cần thiết có thể sử dụng định lí để chứng minh mà không cần làm thao tác chứng mình từ tiên đề tới định lí.

8. Nguyên tắc phản tr ọng lượng

Nội dung: nguyên tắc này có nghĩa là bù trừ.

Ví dụ: các loại lưới đánh cá, để lưới có thể thẳng đứng trong môi trường nước, người ta dùng chì (phần nặng) để đơm vào phía đáy lưới, còn phao (phần nhẹ) để đơm vào phía đầu lưới. Khi thả lưới, chì chìm xuống, phao nổi lên làm lưới thẳng đứng, cá di chuyển ngang qua sẽ bị dính lại.

9.Nguyên tắc gây ứng suất sơ bộ

Nội dung: Gây ứng suất trước với đối tượng để chống lại ứng suất không cho phép hoặc không mong muốn khi đối tượng làm việc (hoặc gây ứng suất trước để khi làm việc sẽ dùng ứng suất ngược lại ).

Muốn thu được kết quả thì cần phải thực hiện. Tinh thần chung của nguyên tắc này là muốn gặt thì phải gieo trồng, chăm bón, đầu tư từ trước đó.

Ví dụ: Khí, gas được nén trong các bình chứa và mở ra dùng dần nhờ áp s uất cao trong bình.

10. Nguyên tắc thực hiện sơ bộ

Nội dung: Thực hiện trước sự thay đổi cần có, làm trước một số bước, hoàn toàn hoặc từng phần, đối với đối tượng.

Thủ thuật này đòi hỏi phải tính đến khả năng thực hiện trước đi một phần hoặc toàn bộ và sẽ được lợi hơn nhiều so với thực hiện ở thì hiện tại (hiểu theo nghiã tương đối). Cần có sự chuẩn bị trước đó một cách toàn diện, chu đáo và thực hiện trước những gì có thể thực hiện được

Ví dụ: Các loại giấy tờ in s ẵn trước những phần chung cho tất cả mọi người để tiết kiệ m thời gian, chỉ cần điền vào chỗ trống. Đặc biệt trong các giấy thăm dò ý kiến, các câu trả lời cũng được in sẵn, người được hỏi ý kiến chỉ việc đánh dấu là xong.

11. Nguyên tắc dự phòng

Nội dung: Bù đắp độ tin cậy không lớn của đối tượng bằng cách chuẩn bị trước các phương tiện báo động, ứng cứu, an toàn.

Thực ra đây chính là quản lí rủi ro. Việc là m này có thể làm tăng thêm chi phí, tuy nhiên nó làm g iảm đáng kể những sự hư hại có thể xảy ra khi gặp sự cố. Nó rất cần bởi vì các kế hoạch, dự án, công việc không có gì là đảm bảo thành công tuyệt đối.

Ví dụ: Các phương tiện báo cháy, phòng cháy, chữa cháy, các phao, xuồng cấp cứu trên các tàu thủy, bảo hiểm thân thể, sức khỏe.

12. Nguyên tắc đẳng thế

Nội dung: Thay đổi điều kiện làm việc để không phải nâng lên hay hạ xuống các đối tượng

Tinh thần chung của nguyên tắc này là phải đạt được kết quả cần thiết với năng lượng, chi phí ít nhất.

Ví dụ: Đường lên núi làm theo kiểu xoáy trôn ốc để đường dốc thoai thoải, dễ leo.

13. Nguyên tắc đảo ngược

Nội dung: Thay vì hành động như yêu cầu bài toán, hãy hành động ngược lại. Bản thân các sự việc hiện tượng đều chưa trong mình các mặt đối lập, và những thành phần trong đối tượng có thể là có lợi hoặc hại cho đối tượng.. Là m ngược lại có thể biến hại thành lợi, biến lợi thành hại, cho đối tượng có thêm những chức năng, tính chất, khả năng mới.

Ví dụ: Loại băng chuyền chạy về một phía, người trên đó chạy về phía ngược lại dùng để tập chạy trong nhà.

14.Nguyên tắc cầu ( tròn ) hoá

Nội dung: Chuyển những phần thẳng của đối tượng thành cong, mặt phẳng thành mặt cầu, kết cấu hình hộp thành kết cấu hình cầu, chuyển động thẳng thành chuyển động tròn.

Nguyên tắc cầu (tròn) hoá nói lên sự đa dạng: đường thẳng chỉ có một nhưng đường cong thì có vô số. Do vậy. cách tiếp cận không nên quá cứng nhắc. (adsbygoogle = window.adsbygoogle || []).push({});

Ví dụ: Nhà hàng có bàn tròn quay quanh một trục, để khách không phải với tay gắp thức ăn.

15. Nguyên tắc linh động

Nội dung: Thay đổi các đặt trưng của đối tượng hay môi trường bên ngoài sao cho chúng tối ưu trong từng giai đoạn làm v iệc.

Tinh thần chung của "nguyên tắc linh động" là, đối tượng phải có những đa dạng phù hợp với sự thay đổi đa dạng của bên ngoài để đem lại h iệu quả cao nhất. Nguyên tắc linh động tạo s ự thống nhất giữa "tĩnh" và "động", "cố định" và "thay đổi"...

16. Nguyên tắc giải “thiếu” hoặc “thừ a”

Nội dung: Nếu như khó nhận được 100% hiệu quả cần thiết, nên nhận ít hơn hoặc nhiều hơn “một chút”. Lúc đó bài toán có thể trở nên đơn giản hơn và dễ giải hơn. Tinh thần chung của nguyên tắc này là không nên quá cầu toàn, chờ đợi các điều kiện lý tưởng rồi mới thực hiện. Trong nhiều tính huống chấp nhận kết quả ở mức tương đối nhưng ch phí thấp.

Ví dụ: các loại kim loại thường chỉ được luyện tới mức tinh khiết thấp hơn 100%, bời vì mức 100% thì chi phí rất lớn.

17. Nguyên tắc chuyển sang chiều khác

Nội dung: Hãy nhìn vấn đề hoặc giải quyết vấn đề theo một hướng khác..

Cần rèn luyện cách nhìn đối tượng từ những góc độ, những "chiều" khác nhau để thấy hết các khiá cạnh, các mặt, các tính chất....

Ví dụ: loại tranh, tùy theo góc nhìn, thấy những hình khác nhau.

18. Sử dụng các dao động cơ học

Nội dung: Làm đối tượng dao động. Nếu đã có dao động, tăng tầng số dao động Thủ thuật này liên quan trực tiếp đến việc sử dụng kiến thức. Dao động cơ học, sóng âm là những hiện tượng rất phổ biến trong tự nhiên. Để sử dụng tốt các hiện tượng, hiệu ứng này, cần có sự hiểu biết về chúng một cách khoa học.

Ví dụ: Quả chuông, ghế xích đu, võng, cầu bập bênh... cho trẻ em chơi.

19. Nguyên tắc tác động the o chu kỳ.

Nội dung: Chuyển tác động liên tục thành tác động theo chu kỳ

Nguyên tắc tác động theo chu kỳ còn có ý nghiã đối với con người chứ không chỉ riêng đối với máy móc. Ví dụ, các kết quả nghiên cứu cho thấy, ánh sáng nhấp nháy, âm thanh thay đổi ngắt quãng gây s ự chú ý tốt hơn là chiếu sáng liên tục hoặc âm thanh đều đều.

Ví dụ: Các loại đèn chớp nháy dùng cho quảng cáo, khiêu vũ, tín hiệu báo động, giao thông...

20. Nguyên tắc liên tục tác động có ích

Nội dung: Thực hiện công việc một cách liên tục (tất cả các phần của đối tượng cần luôn luôn làm việc ở chế độ đủ tải).

Nguyên tắc này phản ánh khuynh hướng phát triển, do vậy rất có tác dụng trong việc đánh giá, phê bình những giải pháp đã có, đặt và lực chọn những bài toán, dự báo về sự phát triển.

Ví dụ: Ô tô vận tải, chuyến đi, chuyến về phải chở hàng, tránh chạy không.

Nội dung: Vượt qua các giai đoạn có hại hoặc nguy hiểm với vận tốc lớn, hoặc vượt nhanh để có được hiệu ứng cần thiết.

Nếu tác động là nguy hiểm, có hại thì có thể làm nó không còn có hại nữa bằng cách gim thời gian tác động đến tối thiểu, nói cách khác, phải vượt thật nhanh để có độ an toàn cao. Tinh thần chung của nguyên tắc này là cần xe m xét, chú ý đến khả năng làm tăng năng suất công việc.

Ví dụ: Để tránh đau đớn cho bệnh nhân, những thao tác như tiêm chủng, nhổ răng, nắn khớp xương...thường làm rất nhanh.

22. Nguyên tắc biến hại thành lợi

Nội dung: Sử dụng những tác nhân có hại (thí dụ tác động có hại của môi trường) để thu được hiệu ứng có lợi.

"Lợi" và "hại" chỉ mang tính chủ quan và tương đối. Trên thực tế, đây chỉ là hai mặt đối lập của hiện thực khách quan, vấn đề là là m sao trong cái hại tìm ra được cái lợi phục vụ con người và hài hòa với tự nhiên.

Ví dụ: Người ta biến sức tàn phá của lũ lụt thành điện năng bằng cách xây dựng các hồ chứa nước và nhà máy thuỷ điện.

23. Nguyên tắc quan hệ phản hồi (adsbygoogle = window.adsbygoogle || []).push({});

Nội dung: Thiết lập quan hệ phản hồi.

Nguyên tắc này phản ánh khuynh hướng phát triển: làm tăng tính điều khiển đối tượng, tự động hoá cho nên rất có ích cho việc suy nghĩ định hướng hay lựa chọn bài toán, cách tiếp cận, dự báo.

Ví dụ: Các loại rờle đóng ngắt tự động cho máy làm việc hay ngừng; tùy theo nhiệt độ, cường độ dòng điện, mực nước, áp suất, độ ẩm...

24. Nguyên tắc sử dụng trung gian

Nội dung: Sử dụng đối tượng trung gian, chuyển tiếp.

Trong một số trường hợp, "trung gian" là sự đòi hỏi khách quan, thiếu nó hoạt động của hệ thống sẽ kém hiệu quả. Ví dụ, tiền là hàng hoá trung gian, ta thử tưởng tượng không có tiền thì sự lưu thông trong kinh tế sẽ ra sao.

Ví dụ: Việc sử dụng chất xúc tác trong các phản ứng hoá học.

25. Nguyên tắc tự phục vụ

Nội dung: Đối tượng phải tự phục vụ bằng cách thực hiện các thao tác phụ trợ, sửa chữa.

Nguyên tắc tự phục vụ phản ánh khuynh hướng phát triển: đối tượng dần tiến đến tự động thực hiện công việc hoàn toàn, nói cách khác, vai trò tham gia của con người sẽ dần tiến tới không. Cao hơn nữa, khi các đối tượng nhân tạo được thay

thế bằng các quá trình có sẵn trong tự nhiên thì "tự phục vụ" sẽ đạt được mức lý tưởng.

Tinh thần của nguyên tắc này đặc biệt có ý nghiã đối với việc giáo dục, đào tạo. Phải là m sao để có được những con người biết tự học, tự rèn luyện, tự giác hành động theo những qui luật phát triển của hiện thực khác quan....

Ví dụ: Các cửa hàng tự giác, các nhà ăn tự phục vụ.

26. Nguyên tắc sao chép (copy)

Nội dung: Thay vì sử dụng những cái không được phép, phức tạp, đắt tiền, không tiện lợi hoặc dễ vỡ, sử dụng bản sao.

Một vài tác dụng và ví dụ:

Từ "sao chép" cần hiểu theo nghiã rộng: phản ánh những cái chính của đối tượng, cần thiết cho việc giải bài toán, nếu như làm trực tiếp với đối tượng gặp khó khăn.

Ví dụ: Các loại bản đồ, sơ đồ, hình vẽ, ảnh chụp, đồ thị....

27. Nguyên tắc “rẻ” thay cho “đắt”

Nội dung: Thay thế đối tượng đắt tiền bằng bộ các đối tượng rẻ có chất lượng kém hơn (thí dụ như về tuổi thọ).

"Rẻ" thay cho "đắt" có thêm được những tính chất mới như có thể sản xuất nhanh, nhiều, thay đổi mẫu mã, kiểu dáng nhanh chóng...

Cần chú ý tới khả năng nâng chất lượng kèm theo hạ giá thành của đối tượng. Để làm được việc này cần khai thác các nguồn dự trữ có sẵn, đặc biệt những nguồn dự trữ trời cho không mất tiền.

Ví dụ: Ly chén diã...bằng giấy hoặc nhựa rẻ tiền, dùng một lần, đảm bảo vệ sinh, dùng tại những nơi không có điều kiện rửa hoặc cần phải tiết kiệ m thời gian.

28. Thay thế sơ đồ cơ học

Nội dung: Thay thế sơ đồ cơ học bằng điện, quang, nhiệt, âm hoặc mùi vị.

Nguyên tắc này phản ánh khuynh hướng phát triển: những gì trước đây và bây giờ còn là "cơ học" sẽ chuyển thành "không cơ học" (dùng điện, từ, điện từ, ánh

Một phần của tài liệu Các nguyên lý sáng tạo ứng dụng trong công nghệ Web thế hệ mới (Trang 28 - 40)