A melding pot of colour, texture and pattern, Boho style blends influences and elements from different cultures and eras. Originally referring to travellers from the central-eastern European region of ancient Bohemia, Bohemian style traditionally described people who lived unconventional lives that were richly artistic and nomadic. This travelling gypsy ideal meant that elements of various Using Snap Camera as Webcam. Snap Camera creates a virtual webcam on your computer. When Snap Camera is open, it takes the input of a physical webcam and then augments it with the selected Lens. This augmented video is then output to the Snap Camera virtual webcam. In your application that supports webcam input, select Snap Camera from the list turn to when. nên hướng đến. should head to should navigate to should be heading to ought to move to. hướng đến điều đó. towards that. đang hướng đến. is heading to. dẫn hướng đến. navigate to. Data Encryption Standard (DES) là một thuật toán mã hóa dữ liệu. Đặc điểm: Là dạng mã hóa khối, kích thước khối vào 64 bít. Khóa 64 bít, trong đó thực sử dụng 56 bít, 8 bít dùng cho kiểm tra chẵn lẻ. DES sử dụng chung một giải thuật cho mã hóa và giải mã. Hiện nay DES không The Index of Learning Styles is a self-scoring questionnaire for assessing preferences on the four dimensions of the Felder-Silverman learning styles model. Click here to obtain information about it and to take it. R.M. Felder and J.E. Spurlin, " Applications, Reliability, and Validity of the Index of Learning Styles. " Intl. Example NumPy Style Python Docstrings. Download: example_google.py. # -*- coding: utf-8 -*- """Example Google style docstrings. This module demonstrates documentation as specified by the `Google Python Style Guide`_. Docstrings may extend over multiple lines. Sections are created with a section header and a colon followed by a block of indented azd7kRK. Tìm hiểu về style guide là gì, tại sao nó quan trọng trong thiết kế và truyền thông. Cùng khám phá các loại và thành phần của Style Guide để đảm bảo tính nhất quán và chuyên nghiệp cho thương hiệu của bạn. Trong lĩnh vực thiết kế và truyền thông, Style Guide là một yếu tố quan trọng giúp đảm bảo tính nhất quán và chuyên nghiệp trong công việc. Style Guide là một tài liệu hướng dẫn về phong cách thiết kế, bao gồm các nguyên tắc và quy định về logo, màu sắc, phông chữ, định dạng văn bản, và hình ảnh. Style Guide giúp đảm bảo sự đồng nhất trong thiết kế và truyền thông của một thương hiệu hoặc tổ chức. Với Style Guide, các nhân viên thiết kế và truyền thông có thể dễ dàng thực hiện các dự án mà không cần phải lo lắng về tính nhất quán và đồng bộ hóa hình ảnh thương hiệu. Ngoài ra, Style Guide cũng giúp tăng tính chuyên nghiệp và đáng tin cậy của một thương hiệu. Với một Style Guide được thực hiện tốt, khách hàng sẽ cảm thấy được sự tôn trọng và đảm bảo về tính nhất quán trong hình ảnh của thương hiệu. Vậy tại sao Style Guide lại quan trọng đến vậy? Hãy cùng tìm hiểu thêm về các loại Style Guide và các thành phần của chúng để hiểu rõ hơn về tầm quan trọng của Style Guide trong thiết kế và truyền thông. Các loại Style Guide Hướng dẫn phong cách sặc sỡ và đầy vui nhộn cho một thương hiệu quần áo trẻ em Trong thiết kế và truyền thông, có nhiều loại Style Guide khác nhau, phù hợp với các mục đích và lĩnh vực sử dụng khác nhau. Dưới đây là một số loại Style Guide phổ biến Style Guide cho thiết kế đồ họa Loại Style Guide này tập trung vào các yếu tố thiết kế đồ họa của một thương hiệu hoặc tổ chức, bao gồm logo, màu sắc, phông chữ, và các hình ảnh. Nó giúp đảm bảo tính nhất quán trong các sản phẩm đồ họa của thương hiệu, từ những tài liệu in ấn cho đến các thiết kế trên mạng xã hộ Style Guide cho trang web Loại Style Guide này tập trung vào các yếu tố thiết kế của một trang web, bao gồm màu sắc, phông chữ, định dạng văn bản, và các hình ảnh. Nó giúp đảm bảo tính nhất quán trong thiết kế của trang web, từ giao diện đến nội dung. Style Guide cho quảng cáo và truyền thông Loại Style Guide này tập trung vào các yếu tố thiết kế của các sản phẩm quảng cáo và truyền thông của một thương hiệu hoặc tổ chức, bao gồm các thiết kế cho bảng hiệu, quảng cáo trên mạng xã hội, và các tài liệu quảng cáo khác. Nó giúp đảm bảo tính nhất quán trong các sản phẩm quảng cáo và truyền thông của thương hiệu. Style Guide cho bộ nhận diện thương hiệu Loại Style Guide này tập trung vào các yếu tố cơ bản của bộ nhận diện thương hiệu, bao gồm logo, màu sắc, phông chữ, và các hình ảnh. Nó giúp đảm bảo tính nhất quán trong hình ảnh và thông điệp của thương hiệu, từ những tài liệu in ấn cho đến các thiết kế trên mạng xã hộ Việc lựa chọn loại Style Guide phù hợp với mục đích sử dụng sẽ giúp đảm bảo tính nhất quán và chuyên nghiệp trong thiết kế và truyền thông của một thương hiệu. Tiếp theo, chúng ta sẽ tìm hiểu về các thành phần cơ bản của một Style Guide. Các thành phần của một Style Guide Hướng dẫn phong cách sang trọng và tinh tế cho một thương hiệu thời trang cao cấp Một Style Guide bao gồm nhiều thành phần quan trọng để đảm bảo tính nhất quán và đồng bộ hóa hình ảnh của một thương hiệu. Dưới đây là một số thành phần cơ bản của một Style Guide Logo và hình ảnh Logo là một phần quan trọng của một thương hiệu và cần phải được quản lý một cách cẩn thận. Style Guide sẽ cung cấp các hướng dẫn về kích thước, khoảng cách, cách sử dụng và kiểu chữ cho logo của thương hiệu. Ngoài ra, Style Guide cũng cung cấp hướng dẫn về cách sử dụng hình ảnh trong thiết kế của thương hiệu. Màu sắc Màu sắc cũng là một thành phần quan trọng trong Style Guide. Style Guide cung cấp các hướng dẫn về các màu sắc chính và bổ sung, cách sử dụng màu sắc trong các thiết kế, và cách kết hợp màu sắc để tạo ra sự cân đối và đồng nhất. Phông chữ Phông chữ là một yếu tố quan trọng trong thiết kế và truyền thông của một thương hiệu. Style Guide cung cấp các hướng dẫn về các phông chữ chính và bổ sung, cách sử dụng phông chữ trong các thiết kế, và cách kết hợp phông chữ để tạo ra sự cân đối và đồng nhất. Định dạng văn bản Định dạng văn bản là một phần quan trọng trong các tài liệu truyền thông của một thương hiệu. Style Guide cung cấp các hướng dẫn về kích thước, khoảng cách, và kiểu chữ cho các tiêu đề, đoạn văn bản, và chữ ký của thương hiệu. Phong cách hình ảnh Phong cách hình ảnh là một phần quan trọng trong thiết kế và truyền thông của một thương hiệu. Style Guide cung cấp các hướng dẫn về cách chụp ảnh, cách chỉnh sửa ảnh, và cách sử dụng ảnh trong các thiết kế của thương hiệu. Với các thành phần trên, Style Guide sẽ giúp đảm bảo tính nhất quán và chuyên nghiệp trong hình ảnh của thương hiệu. Tiếp theo, chúng ta sẽ tìm hiểu cách tạo ra một Style Guide hiệu quả. Cách tạo một Style Guide Hướng dẫn phong cách vintage và retro cho một quán cà phê Phương pháp tiếp cận để tạo ra một Style Guide Khi tạo ra một Style Guide, cần có một phương pháp tiếp cận đúng để đảm bảo tính nhất quán và chuyên nghiệp của Style Guide. Có nhiều phương pháp để tạo ra một Style Guide, tuy nhiên, một số phương pháp chính bao gồm Tìm hiểu về thương hiệu Cần phải hiểu rõ về giá trị cốt lõi, mục tiêu và thông điệp mà thương hiệu muốn truyền tải đến khách hàng. Nghiên cứu thị trường Cần phải tìm hiểu về ngành và thị trường mà thương hiệu đang hoạt động để có thể tạo ra một Style Guide phù hợp với mục đích và nhu cầu của khách hàng. Xác định các thành phần của Style Guide Cần phải quyết định về logo, màu sắc, phông chữ, định dạng văn bản, và phong cách hình ảnh để tạo ra một Style Guide đồng nhất và chuyên nghiệp. Các bước để tạo một Style Guide hiệu quả Để tạo ra một Style Guide hiệu quả, cần tuân thủ các bước sau Xác định mục đích và mục tiêu của Style Guide. Nghiên cứu thị trường và tìm hiểu về đối tượng khách hàng. Xác định các thành phần của Style Guide, bao gồm logo, màu sắc, phông chữ, định dạng văn bản và phong cách hình ảnh. Phân tích và đánh giá các yếu tố cạnh tranh trong ngành. Thiết kế và phát triển Style Guide dựa trên các yếu tố trên. Kiểm tra và đánh giá hiệu quả của Style Guide, và cập nhật nó khi cần thiết. Tóm lại, để tạo ra một Style Guide hiệu quả, cần có một phương pháp tiếp cận đúng và tuân thủ các bước để đảm bảo tính nhất quán và chuyên nghiệp của Style Guide. Lợi ích của việc sử dụng Style Guide Hướng dẫn phong cách táo bạo và sắc sảo cho một thương hiệu streetwear Một Style Guide được thực hiện tốt sẽ mang lại nhiều lợi ích cho một thương hiệu hoặc tổ chức. Dưới đây là một số lợi ích của việc sử dụng Style Guide Giúp tăng tính nhất quán trong thiết kế và truyền thông Với một Style Guide, các nhân viên thiết kế và truyền thông có thể dễ dàng thực hiện các dự án mà không cần phải lo lắng về tính nhất quán và đồng bộ hóa hình ảnh thương hiệu. Việc đảm bảo tính nhất quán trong thiết kế và truyền thông là rất quan trọng để tạo ra một hình ảnh chuyên nghiệp và đáng tin cậy cho thương hiệu. Giúp tăng tính chuyên nghiệp và đồng bộ hóa hình ảnh thương hiệu Một Style Guide được thực hiện tốt giúp tăng tính chuyên nghiệp và đồng bộ hóa hình ảnh thương hiệu. Với các quy định về logo, màu sắc, phông chữ, định dạng văn bản, và hình ảnh được định nghĩa rõ ràng trong Style Guide, các nhân viên của thương hiệu sẽ có thể dễ dàng thực hiện các dự án mà không cần phải suy nghĩ nhiều về việc làm thế nào để đồng bộ hóa hình ảnh thương hiệu. Tiết kiệm thời gian và chi phí Việc sử dụng một Style Guide cũng giúp tiết kiệm thời gian và chi phí cho một thương hiệu hoặc tổ chức. Với các quy định rõ ràng trong Style Guide, các nhân viên sẽ không phải tốn nhiều thời gian và chi phí để thực hiện các dự án thiết kế và truyền thông của thương hiệu. Điều này đặc biệt quan trọng đối với các doanh nghiệp nhỏ và vừa, nơi ngân sách thiết kế và truyền thông thường khá hạn chế. Với những lợi ích trên, không khó để thấy tầm quan trọng của việc sử dụng một Style Guide trong thiết kế và truyền thông của một thương hiệu. Hãy tìm hiểu thêm về cách tạo ra một Style Guide hiệu quả trong phần tiếp theo. Kết luận Trên đây là một số thông tin cơ bản về Style Guide và tầm quan trọng của nó trong thiết kế và truyền thông. Qua bài viết này, bạn đã hiểu rõ hơn về khái niệm và ý nghĩa của Style Guide, các loại Style Guide phổ biến, các thành phần cấu thành Style Guide, cách tạo ra một Style Guide hiệu quả, và lợi ích của việc sử dụng Style Guide. Để tăng tính nhất quán và chuyên nghiệp trong thiết kế và truyền thông, không thể thiếu Style Guide. Với Style Guide, các nhân viên thiết kế và truyền thông có thể dễ dàng đảm bảo tính nhất quán và đồng bộ hóa hình ảnh thương hiệu, giúp tăng tính chuyên nghiệp và đáng tin cậy của một thương hiệu. Với sự phát triển của công nghệ và cuộc sống hiện đại, việc sử dụng Style Guide trở nên ngày càng quan trọng và cần thiết hơn bao giờ hết. Chúng giúp tạo nên sự nhất quán và chuyên nghiệp trong hình ảnh thương hiệu, đồng thời giúp tiết kiệm thời gian và chi phí cho công việc thiết kế và truyền thông. Tại LADEC, chúng tôi hiểu rằng sự nhất quán và chuyên nghiệp trong hình ảnh thương hiệu là rất quan trọng. Chính vì vậy, chúng tôi luôn sử dụng Style Guide để đảm bảo tính nhất quán trong thiết kế và truyền thông của trường. Nếu bạn cần tư vấn hoặc hỗ trợ về Style Guide, hãy liên hệ với chúng tôi để được hỗ trợ tốt nhất. Quá trình thiết kế giao diện cho web/app đòi hỏi cách tổ chức, sắp xếp các yếu tố và ngôn ngữ truyền đạt chuẩn chỉnh và nhất quán. Do đó, mỗi dự án web/app cần có nguyên tắc thiết kế nhất định hay còn gọi là UI Style Guide hướng dẫn thiết kế giao diện người dùng.Trong bài viết, JAMstack Vietnam sẽ giải thích UI Style Guide là gì, tầm quan trọng của UI Style Guide và mô tả những yếu tố cần UI Style Guide là gì?UI Style Guide tập hợp các tiêu chuẩn và nguyên tắc chung để tạo ra web/app có thiết kế nhất quán. Về cơ bản, UI Style Guide bao gồm những nội dung chính như sauGhi lại những thành phần thiết kế và tương tác thường diễn ra trong web/ kê yếu tố cần thiết như typography, iconography, palette quy tắc về sử dụng màu, layout & grid quy tắc về bố cục và lưới, component cụm các thành phần,...Mô tả trạng thái của một số yếu tố khi hover, drop down list danh mục xổ xuống, animation chuyển động,...2. Tại sao cần phải có UI Style Guide?UI Style Guide đóng góp tích cực vào sự hoàn thiện giao diện web/app và hiệu suất làm việc của đội nhóm UX ích cho web/appKhuyến khích sự đồng nhất và logic giữa các trang của web/app, từ đó tạo ra trải nghiệm người dùng tốt các nguyên tắc cho các yếu tố trong thiết kế phù tải hiệu quả và nhất quán hình ảnh thương ích cho DesignerCung cấp cái nhìn tổng thể để nhanh chóng phát hiện các giao diện không phù thích tư duy Designer về hệ thống thiết kế và khả năng mở rộng giao diện trong tương trợ việc giao tiếp giữa các thành viên và khách rõ các chi tiết khi bàn giao cho các Nội dung chi tiết các yếu tố trong thiết kế UINội dung của UI Style Guide khác nhau ở mỗi doanh nghiệp bởi vì nó phụ thuộc vào quy mô, phong cách, mục đích, đối tượng mục tiêu,... mà dự án hướng tới. Mặc dù có thể khác nhau giữa các dự án, UI Style Guide không thể thiếu các yếu tố cơ bản sau TypographyVề Typography, UI Style Guide cần xác địnhFont chữ;Kích thước và cách sử dụng Font chữ trong cấu trúc phân tầng nội thể một số yếu tố khác, VD cách trình bày các đường cũng quy định sự tương thích font chữ trên các thiết bị khác nhau để đảm bảo sự thân thiện với người dùng. Để chọn được font chữ phù hợp cho web/app, designer cần cân nhắc rất nhiều yếu tố như tính thân thiện, tính phù hợp với ngành nghề, phong cách thiết kế,... Để có thêm ý tưởng về font chữ, bạn có thể tham khảo thêm trong bài Thống kê font chữ của 1000 website hàng đầu thế IconographyIcon thường đi kèm văn bản để truyền đạt thông tin và là một phần thiết yếu trong web/app. Icon nên được đơn giản hoá, truyền đạt đúng và đầy đủ thông điệp. Nếu icon quá phức tạp, người dùng bối rối và khiến thông tin truyền đạt bị sai lệch. Bản iconography sẽ liệt kê toàn bộ những icon theo cùng phong cách được phép sử dụng trên web/app. Designer và developer không được tự ý thêm các icon khác, giúp cho website đồng bộ hơn. Nếu muốn chi tiết hơn, designer có thể giải nghĩa các icon và cách sử dụng. Dưới đây là bản iconography của JAMstack số icon quen thuộc đã đi sâu vào tiềm thức của người dùng nên designer cần lưu ý trong khi sử dụng. Ví dụ, icon tam giác màu vàng luôn là cảnh báo nguy hiểm, dấu x màu đỏ tượng trưng cho lỗi sai, điều cấm Layout & gridGrid là hệ thống lưới tương thích giúp chia bố cục màn hình và sắp xếp các yếu tố thẳng hàng trên nhiều thiết bị. Hệ thống lưới có thể được phân chia đa dạng trên các thiết bị khác nhau. Đối với màn hình máy tính, grid thường có 10, 12 và 16 cột. Màn hình tablet thường sử dụng grid có 8 cột còn màn hình điện thoại là 4 các loại, lưới 12 cột cho máy tính phổ biến nhất vì nó linh hoạt với nhiều kiểu thiết kế. Với loại lưới này, bạn có thể chia màn hình thành nhiều cách như chia 2, chia 3, chia 4, chia 6 hoặc trái 3 - phải 9, trái 4 - phải 8 và ngược lại… Ngoài ra, tính tương thích với các màn hình khác nhau cũng cao cũng là loại lưới JAMstack Vietnam đang áp dụng cho các dự án, trong đó có Hàng Nhập Mỹ - một trang web bán PaletteHướng dẫn về bảng màu đảm bảo sự nhất quán giữa các trang và trùng khớp hình ảnh thương hiệu. Ngoài ra, nếu sử dụng hiệu quả, màu sắc có thể khơi dậy cảm xúc mạnh mẽ từ người dùng. Khi hoàn thiện trang web cho Animstation - một đơn vị cung cấp giải pháp quy hoạch kiến trúc, diễn hoạ 3D cho các công trình, JAMstack Vietnam sử dụng màu nhấn là màu thương hiệu và tỷ lệ xuất hiện tối đa 10% trên website. Để làm nổi bật màu sắc thương hiệu, chúng tôi kết hợp với màu đen để thể hiện sự sáng tạo, sang trọng, đẳng cấp như phân khúc cao cấp mà Animstation hướng ComponentComponent là tập hợp nhiều yếu tố thiết kế giao diện như CTA, thanh menu, hộp thoại, mô tả sản phẩm,… Việc chuẩn hóa component sẽ giúp các Developers có cơ sở để code nhanh hơn và giảm thiểu khả năng bị trùng lặp mã khi của dự án Đại Hưng Thăng bao gồm CTA, thanh menu, card sản phẩm, spacing,… JAMstack Vietnam lựa chọn pattern này cho trang web vì nó phù hợp với một trang web giới thiệu sản phẩm, đồng thời tạo động lực cho khách hàng tìm hiểu và liên hệ với doanh ra, khi xây dựng và phát triển nội dung cho phần Component, bạn có thể tham khảo thêm Hệ thống thiết kế. Khác với UI Style Guide - vốn tập trung vào tính thẩm mỹ, hệ thống thiết kế sẽ tập trung vào hiệu quả của các chức năng trong UI Style Guide không thể thiếu trong web/app và là tài liệu bắt buộc phải có nên cần phải thực hiện ngay dù mất thời gian bao lâu. Bạn nên bắt đầu với mong đợi của bản thân về một thiết kế web/app hoàn hảo. Như vậy, bạn sẽ gói gọn những thông tin cần thiết cho UI Style Guide. Việc đánh giá trong tương lai, theo đó, cũng tránh được những thiếu cùng bắt tay vào thực hiện UI Style Guide ngay bây giờ. Nếu các bạn cần thêm thông tin, hãy cập nhật các bài viết trên trang của chúng tôi nhé! Ngày đăng tin 140530 - 26/03/2021 - Số lần xem 908 Style Guide trong Content Marketing là một tài liệu chuẩn hóa các nguyên tắc tạo nội dung của bạn. Style Guide là gì ? Style Guide là một tập hợp các tiêu chuẩn áp dụng cho việc tạo ra các văn bản hoặc thiết kế dựa trên tài sản cho một tổ chức, một ấn phẩm hoặc một lĩnh vực. Nó là một tham khảo toàn diện của những điều nên làm và điều nên tránh để đảm bảo nội dung được sản xuất ra một cách nhất quán, để phù hợp với các mục tiêu của tổ chức đó, xuất bản hoặc các lĩnh vực. Style Guide trong Content Marketing là một tài liệu chuẩn hóa các nguyên tắc tạo nội dung của bạn. Từ màu sắc thương hiệu của bạn, các cụm từ chính bạn sử dụng cho các nút kêu gọi hành động đến cách sử dụng chính tả và dấu câu, mọi thứ đều được ghi lại và chuẩn hóa bởi một hướng dẫn tiêu chuẩn Style Guide trong Content Marketing. Style Guide là một tập hợp các tiêu chuẩn áp dụng cho việc tạo ra các văn bản hoặc thiết kế dựa trên tài sản cho một tổ chức, một ấn phẩm hoặc một lĩnh vực. Nó là một tham khảo toàn diện của những điều nên làm và điều nên tránh để đảm bảo nội dung được sản xuất ra một cách nhất quán, để phù hợp với các mục tiêu của tổ chức đó, xuất bản hoặc các lĩnh vực. Style Guide là tài liệu cần thiết cho sự thành công của chiến lược Content Marketing cũng như để duy trì chất lượng nội dung trên trang web của bạn. Hướng dẫn kiểu có thể liệt kê các quy tắc từng bước cho Danh sách cần kiểm tra của nhà thiết kế - Điều này sẽ nhắc nhở các nhà thiết kế về màu sắc thương hiệu của bạn, các thuộc tính hình ảnh chính xác và các vấn đề bản quyền, lựa chọn biểu tượng, Danh sách cần kiểm tra của người viết - Điều này sẽ nhắc nhở người viết về việc sử dụng giọng nói, chính tả, dấu câu, các từ độc đáo và cụm từ đã được công ty phê duyệt. Nó cũng sẽ tư vấn viết về các phương pháp kiểm tra thực tế pháp lý và hiệu đính. 0 nhận xét Viết nhận xét Bắt đầu với bản vẽ thiết kế Luôn là như vậy, bản vẽ thiết kế là một phần quan trọng trong quá trình thiết kế ra một website, người Designer sẽ cung cấp cho nhóm lập trình một bản vẽ hoàn thiện đã được chấp nhận bởi khách hàng Kế tiếp là Front-end dev Đây là điểm khác biệt của việc áp dụng Style Guide vào việc lập trình web so với các cách tiếp cận thông thường, như đã nhắc đến ở bài trước, bản vẽ thiết kế sẽ được đưa đến một Front-end dev để tạo ra Style Guide với đầy đủ các thành phần được thể hiện như Danh sách các biến màu Danh sách font-family Global element tags p, a, h1, h2, h3, h4, h5, h6, button, input, image, video…. Các Component Sidewide header, footer Layouts Pages Để làm được điều đó, ban đầu người front-end dev cần phải phân tích bản thiết kế để xác định xem những style nào mang tính global của từng thành phần, những style nào sẽ được custom tùy theo từng component; những thành phần nào thuộc header, footer; chia nhỏ bản thiết kế ra thành các component khác nhau; những loại layout nào được sử dụng full width hay có container? không có sidebar hay có sidebar, nếu có thì có 1 hay 2…? Sau khi đã có được component và layout, việc tạo những demo pages cũng khá đơn giản bằng cách tích hợp các component cần thiết vào layout thích hợp dựa theo bản thiết kế. Các dữ liệu được sử dụng thường là các dữ liệu mẫu được lấy từ file json, điều này sẽ thuận tiện cho việc integrate sau này từ dữ liệu thật từ cơ sở dữ liệu. Phần việc của Back-end Dev Sau khi front-end đã xong việc định nghĩa các component và layout, lúc này phần việc của back-end khá đơn giản, họ chỉ cần dựa trên những demo pages mà front-end đã dựng trước đó và truyền dữ liệu thực tế - thay vì dùng dữ liệu mẫu từ file Json như front-end đã làm. Lúc này Back-end dev đã được đưa về đúng với phần việc và trách nhiệm của họ là xây dựng cơ sở dữ liệu, tập trung vào logic và xử lý bài toán, chức năng, hơn là phải quan tâm xem chỗ này nên dùng thẻ HTML gì, markup mỉnh đưa ra như này đã phù hợp cho front-end để syle hay chưa…. Ưu điểm của style-guide Như những gì mình trình bày ở trên, thì việc sử dụng style-guide trong lập trình web có rất nhiều ưu điểm, nó giúp cho phần việc của Front-end và Back-end được phân định một cách rõ ràng và không bị phụ thuộc vào nhau. Người front-end dev có thể thoải mái trong việc định nghĩa và đưa ra các markup phù hợp để style theo bản vẽ Người back-end dev có thể tập trung vào phần cốt lõi giá trị của họ, không bị phân tâm vào các vấn đề khác, vì điểm cuối họ cần đưa ra là dữ liệu. Việc kiểm tra giao diện website cũng trở nên dễ dàng hơn cả, hơn nữa, nếu có vấn đề gì về design cần được update, back-end dev cũng ko cần thiết phải biết điều này, nó có thể được update 1 cách dễ dàng bởi designer và front-end dev Hy vọng là sau bài viết này, bạn sẽ có thêm chút cảm nhận gì đó về Style Guide, bài tiếp theo, mình sẽ giới thiệu 1 công cụ rất hữu ích cho lập trình web trong việc sử dụng style-guide, đó là Pattern-lab. Hãy để lại comment hoặc câu hỏi của bạn nếu như có điều gì đó bạn chưa rõ sau khi đọc xong bài này nhé! QUY ĐỊNH VỀ THỂ VĂNKhi dịch thuật, thể văn nhất định phải thống nhất trước. Đối với những bản dịch là tiếng Nhật, điều đầu tiên cần phải xác định là sẽ dùng thể です・ますhayだ・である. Tương tự, ngay cả với những bản dịch sang các loại ngôn ngữ khác ngoài tiếng Nhật, người dịch cũng cần phải xác định trước xem sẽ dùng văn viết hay văn cạnh đó, sắc thái của bản dịch cũng phải thống nhất từ đầu tới cuối, chẳng hạn như dịch nghiêm túc hay khiến nó mang sắc thái nhẹ nhàng. Cũng có trường hợp mà người ta đặt ra yêu cầu là văn bản kinh doanh thì phải có sắc thái nghiêm túc và các dạng văn bản đọc phải có sắc thái mềm mại ra, thể văn cũng được quyết định trước dựa trên những quan điểm khác nhau như có được kết thúc câu bằng danh từ hoặc cụm danh từ hay không, có bắt buộc phải dùng cách viết liệt kê gạch đầu dòng hay không, ĐỊNH VỀ THUẬT NGỮNhững quy tắc về các thuật ngữ thường xuất hiện trong bản dịch cũng cần phải được thống nhất trước trong Style trường hợp có rất nhiều thuật ngữ mang ý nghĩa giống nhau, nếu bạn không quyết định trước một thuật ngữ thì nó sẽ làm nảy sinh hiện tượng “biến động ký hiệu”. Đối với tiếng Nhật, bởi vì có sự khác nhau giữa các okurigana hậu tố kana theo sau các chữ Hán trong tiếng Nhật để hoàn thành cách đọc của một chữ, ví dụ như giữa 申し込み và 申込み, nên cần phải phải thống nhất trước xem sẽ sử dụng từ như không thống nhất trước thì sẽ có trường hợp những thuật ngữ được sử dụng xuyên suốt cả văn bản sẽ trở nên rời rạc, bài dịch cũng có thể trở nên khó đọc và tối ĐỊNH VỀ KÝ HIỆU CHỮ VIẾTTrong Style Guide cũng cần phải xác định trước những quy tắc về ký hiệu chữ viết. Chẳng hạn như chữ số và chữ cái alphabet là chữ khổ hẹp 半角-half-width hay khổ rộng 全角-full-width, có nên sử dụng biểu tượng hay không, có được phép sử dụng dấu chấm than và dấu chấm hỏi hay cạnh đó, việc quy định sẵn phong cách trình bày tiêu đề cũng vô cùng quan trọng, tỉ như quy định về biểu tượng được thêm trước tiêu đề hoặc đánh số đoạn văn, ĐỊNH CỦA KHÁCH HÀNGTrong biên dịch, ngoài những quy tắc chắc chắn phải tuân theo về thể văn, thuật ngữ và ký hiệu chữ viết như đã nói ở trên, cũng có khi khách hàng tự đặt ra những quy tắc riêng của họ. Tùy theo từng khách hàng mà có rất nhiều những thuật ngữ chuyên ngành cần phải sử dụng, chính vì vậy mà trong Style Guide, người dịch cần phải xác định thêm những quy tắc như phải dùng thuật ngữ nào hay phải sử dụng cách ký hiệu ra sao, cạnh đó, tùy vào nội dung của bản dịch được yêu cầu, cũng có trường hợp phải thêm vào Style Guide những yêu cầu riêng của khách hàng như họ muốn một bản dịch tương đối đơn giản, ngược lại, bởi vì là văn bản kinh doanh nên họ hy vọng thể văn sẽ cứng hơn… Mặt khác, cũng có những trường hợp như văn bản mà khách hàng đang sử dụng đã có phong cách riêng hoặc khách hàng tự biểu thị bằng những biểu tượng của họ,…Chính vì vậy, khi hai bên thỏa thuận với nhau về những quy định trong Style Guide, giữa khách hàng và người dịch phải rõ ý nhau. Từ thủa sơ khai của internet, khi mà người ta bắt đầu tạo ra website, mục đích của nó chỉ đơn giản là truyền tải nội dung và thực hiện 1 chức năng nào đó. Khi ấy điều quan trọng là website đó phải thực hiện tốt chức năng của nó, còn về mặt giao diện thì không được chú ý đến nhiều Hãy nhìn giao diện của Google và Facebook khi mới xuất hiện "Phú quý sinh lễ nghĩa" các cụ nói chẳng sai, khi mà người ta có thể tạo ra những website có khả năng thực hiện những chức năng phức tạp, thì điều "quan trọng" lúc này lại là làm thế nào để tăng được sự tương tác giữa website và người dùng, đặc biệt là phần nhìn nhưng vẫn đảm bảo được sự tối ưu, khả năng bảo trì và mở rộng thêm sau này. Theo cách thông thường, mỗi website sẽ được tính theo đơn vị là trang page, tức là khi chúng ta nói chuyện với khách hàng về việc tạo một website cho họ, nội dung câu chuyện sẽ xoay quanh câu vấn đề Website này có bao nhiêu page Trên mỗi page có những thành phần component nào được hiển thị Sau khi bản vẽ thiết kế được chấp nhận, back-end sẽ là người “xử lý” nó trước bằng cách build markup cho các page, sau đó front-end sẽ tiếp quản và style cho giống với những gì mà bản thiết kế yêu cầu. Nhưng mọi chuyện đã thay đổi từ khi khái niệm “Style guide” ra đời Lúc này, đơn vị để xác định thời gian hoàn thành một website đã được thay đổi thành “component”, vì thực tế, mỗi một page là 1 sự kết hợp của nhiều component lại với nhau và đôi khi nhiều page có thể sử dụng chung một component. Thật là dư thừa nếu như cứ phải làm đi làm lại các component đó cho mỗi page. Thử tưởng tượng component là món đồ thời trang, nó có thể là cái áo sơ mi trắng, cái đồng hồ Rolex, chiếc quần bò… mỗi page được tạo ra giống như việc bạn chọn bộ trang phục phù hợp bằng việc kết hợp các món đồ thời trang lại với nhau. Ví dụ khi đi dự tiệc bạn có thể dùng áo sơ mi trắng, kết hợp với quần âu; bạn cũng hoàn toàn có thể diện quần âo và áo sơ mi trắng khi đi hội thảo, chẳng có lý do gì mà bạn phải sắm riếng bộ đồ đó trong các tình huống khác nhau như vậy. Bạn hoàn toàn có thể chia nhỏ các component thành các component nhỏ hơn để tiện quản lý và sử dụng lồng ghép trong các trường hợp khác nhau, cấp độ thấp nhất được đề cập đến là cấp độ các phần tử HTML, ví dụ như thẻ a, heading từ H1 đến H6, các thành phần của form button, textbox…, Túm lại, lúc này, style-guide sẽ là nơi để front-end dev có thể show ra cho khách hàng thấy sự hiển thị của tất cả những thứ trên website của họ như thế nào từ HTMl elements, đến header, footer, các components và các pages mà không cần bất kỳ sự góp sức nào của back-end, markup được sử dụng lúc nào hoàn toàn là do front-end dev quyết định. Khách hàng hoàn toàn có đủ những thứ cần thiết để test về mặt giao diện của website, khi có sự thay đổi về mặt thiết kế, người front-end cũng đơn giản thay đổi lại trong style-guide và khách hàng có thể kiểm tra trực tiếp được ngay. Khi này công việc của Back-end dev đơn giản chỉ là tập trung vào xây dựng cấu trúc dữ liệu và gọi data thông qua các api để truyền vào template mà front-end đã định nghĩa! Hy vọng sau bài viết này, bạn sẽ nắm được phần nào đó khái niệm về Style-guide, hãy đón đọc bài viết tiếp theo với tiêu đề “Style-guide định hướng lập trình như thế nào?” để hiểu thêm chi tiết về vấn đề hấp dẫn này nhé!

style guide là gì