Tin tức

Thiết kế web và chữ Lorem Ipsum có ý nghĩa gì

02/11/2012

Chắc hẳn các bạn thiết kế web đã bắt gặp Lorem Ipsum đâu đó trước khi đọc bài viết này.

Lorem Ipsum là gì?

Lorem Ipsum được xem là một đoạn văn bản được dùng vào việc trình bày và dàn trang phục vụ cho in ấn. Lorem Ipsum đã được sử dụng như một văn bản chuẩn cho ngành công nghiệp in ấn từ những năm 1500, khi một họa sĩ vô danh ghép nhiều đoạn văn bản với nhau để tạo thành một bản mẫu văn bản. Đoạn văn bản này không những đã tồn tại năm thế kỉ, mà khi được áp dụng vào tin học văn phòng, demo thiết kế website, nội dung của nó vẫn không hề bị thay đổi.

tintin ipsum Thiết kế web và chữ Lorem Ipsum có ý nghĩa gì?
Lorem ipsum trong truyện tranh Tin tin

Lorem Ipsum có nguồn gốc từ đâu?

Nhiều người cho rằng, đoạn chữ Lorem Ipsum là một dạng chữ được sắp xếp ngẫu nhiên. Nhưng trong thực tế, đoạn chữ này bắt nguồn từ một đoạn chữ Latin từ năm 45 trước công nguyên, cho đến tận bây giờ nó đã có trên 2000 năm tuổi. Richard McClintock, một giáo sư về chữ Latin của đại học Hampden-Sydney bang Virginia, đã nghiên cứu một từ Latin khó hiểu là Consectetur từ một đoạn văn Lorem Ipsum và các nguồn trích dẫn tài liệu tiếng Latin cổ khác. Và ông ta đã khám phá ra một nguồn gốc của nó, Lorem Ipsum bắt nguồn từ phần 1.10.32 và 1.10.33 của đoạn “de Finibus Bonorum et Malorum” (The Extremes of Good and Evil) được viết bởi Cicero vào năm 45 trước công nguyên.

lorem ipsum Thiết kế web và chữ Lorem Ipsum có ý nghĩa gì?

Tại sao chúng ta lại sử dụng đoạn chữ này

Người ta đã chứng minh từ rất lâu rằng người đọc dễ bị phân tâm bởi những nội dung có thể đọc được khi nhìn vào một trang mà chữ ở đó chỉ để minh hoạ như trường hợp của các templates website bạn nhìn thấy. Do vậy lý do mà các chuyên gia thiết kế web dùng Lorem Ipsum là để thay thế hoặc minh hoạ cho những nội dung thật sau này. Hơn nữa đoạn chữ Lorem Ipsum nhìn “đẹp” hơn và giống như là đoạn văn có thể đọc được so với một loạt các hàng chữ giống nhau như là “nội dung ở đây, nội dung ở đây, nội dung ở đây”

Bạn thử so sanh hai đoạn text sau đây nhé

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer interdum sem ac magna. Integer in lectus sed ligula commodo commodo. In molestie, neque et porta lobortis, ligula sem auctor mauris, a luctus lacus quam sit amet augue. Aliquam eu felis. Nullam vel erat. Phasellus erat nibh, nonummy sit amet, lobortis quis, imperdiet ornare, dolor. Nunc odio. Nulla eros neque, egestas ut, auctor eu, luctus vitae, nisi. Aenean malesuada leo a nunc. Etiam fermentum neque in justo. Aliquam erat volutpat. Aenean tellus eros, consectetuer ut, hendrerit ut, rutrum at, nunc. Integer dolor odio, posuere nec, molestie at, tincidunt at, lacus. Maecenas at nibh.Nullam tellus pede, eleifend posuere, dignissim id, euismod vitae, tortor. Pellentesque vel mauris. Phasellus dictum rutrum lectus. Vestibulum a risus at orci egestas condimentum. Morbi in turpis vel ante feugiat placerat. Vestibulum justo lacus. Content here, content here, content hereContent here, content here, content hereContent here, content here, content hereContent here, content here, content here

Content here, content here, content here

Content here, content here, content here

Content here, content here, content here

Content here, content here, content here

Content here, content here, content here

Rõ ràng là phần nội dung Lorem Ipsum nhìn đẹp hơn và có vẻ là nội dung hơn đúng không?

Hiện nay nhiều phần mềm dàn trang hoặc các nhà thiết kế web template thường dung Lorem Ipsum là đoạn chữ mặc định, và nếu bạn tìm kiếm với từ “Lorem Ipsum” bạn có thể tìm thấy nhiều trang đang được xây dựng. Hiện tại có nhiều phiên bản của Lorem Ipsum được tạo ra, có nhiều đoạn được tạo ra do ngẫu nhiên hoặc có chủ định như chèn những từ bậy bạ hoặc hài hước vào trong đoạn văn.

Dưới đây là đoạn văn Lorem Ipsum được tôi khuân về của một nguồn tin cậy, cho nên bạn không sợ bị ai chơi khăm khi chèn những từ “độc hại” vào trong. Cũng nên nhắc bạn, nếu bạn tìm đoạn văn này trên mạng ở những nguồn khác, bạn nên cẩn thận với những từ mang nghĩa bậy bạ trong đó.

Bạn có thể copy và paste đoạn văn sau vào template của bạn

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer interdum sem ac magna. Integer in lectus sed ligula commodo commodo. In molestie, neque et porta lobortis, ligula sem auctor mauris, a luctus lacus quam sit amet augue. Aliquam eu felis. Nullam vel erat. Phasellus erat nibh, nonummy sit amet, lobortis quis, imperdiet ornare, dolor. Nunc odio. Nulla eros neque, egestas ut, auctor eu, luctus vitae, nisi. Aenean malesuada leo a nunc. Etiam fermentum neque in justo. Aliquam erat volutpat. Aenean tellus eros, consectetuer ut, hendrerit ut, rutrum at, nunc. Integer dolor odio, posuere nec, molestie at, tincidunt at, lacus. Maecenas at nibh.

Nullam tellus pede, eleifend posuere, dignissim id, euismod vitae, tortor. Pellentesque vel mauris. Phasellus dictum rutrum lectus. Vestibulum a risus at orci egestas condimentum. Morbi in turpis vel ante feugiat placerat. Vestibulum justo lacus, pulvinar at, gravida quis, condimentum et, pede. Suspendisse sit amet turpis in mauris porttitor pulvinar. Phasellus odio lacus, volutpat at, ullamcorper sit amet, elementum nec, sapien. Fusce orci sem, venenatis a, pellentesque sit amet, elementum quis, orci. Ut vulputate dolor id lectus. Curabitur non neque. Quisque libero.

Integer molestie, mi tincidunt rutrum convallis, tellus justo fringilla orci, vitae iaculis turpis nunc a lorem. Sed tortor dui, imperdiet eu, volutpat vestibulum, posuere vel, urna. Cras sed pede in arcu consequat vehicula. Nunc eget neque et diam rutrum egestas. Nam interdum justo quis ligula. Vestibulum fringilla placerat leo. Proin rutrum. Nunc ullamcorper lectus sit amet diam. Duis congue ligula a mauris. Etiam nonummy odio ut leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi rhoncus, erat ut accumsan euismod, erat diam egestas lacus, pulvinar placerat justo augue eget augue. Etiam dui elit, elementum facilisis, auctor in, feugiat non, nibh. Donec diam ipsum, interdum eget, auctor in, bibendum id, turpis. Cras dapibus, diam sit amet mattis interdum, turpis neque pellentesque turpis, et rhoncus velit mi in nisi. Ut ullamcorper convallis turpis. Donec ligula risus, imperdiet vel, auctor quis, dapibus at, orci. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.

Nunc eleifend nulla vel orci. Donec sollicitudin. Phasellus urna. Sed sit amet nisi tincidunt quam porta placerat. Phasellus sit amet metus et neque tincidunt porta. Mauris lorem lorem, faucibus sit amet, lobortis non, eleifend eget, massa. Duis odio massa, condimentum sed, fringilla quis, tincidunt quis, mi. Proin et diam. Fusce tortor metus, imperdiet at, vestibulum sed, feugiat et, erat. Cras in tortor. Integer a dui.

Donec nibh leo, tristique vel, vehicula vitae, commodo sed, augue. Suspendisse mi libero, egestas at, faucibus at, eleifend nec, eros. Aliquam posuere ipsum sit amet nunc. Pellentesque orci lacus, commodo tincidunt, eleifend ut, egestas in, ligula. Suspendisse lacus nibh, congue et, auctor accumsan, porta non, metus. Integer tempus ligula ut mauris. Donec sollicitudin, sapien in luctus adipiscing, risus urna pharetra nisl, in vehicula dui mauris in lectus. Sed eget nunc. Nulla a tellus. Proin tristique viverra urna. Donec ac velit. Vestibulum ipsum ligula, placerat mollis, fermentum vitae, consectetuer id, libero. Vivamus orci. Donec lacus leo, lacinia a, sodales egestas, rutrum sed, elit. Suspendisse adipiscing. Nulla facilisi. Quisque in libero vel turpis semper consequat.

Vivamus massa velit, aliquet et, tempor sit amet, commodo ut, turpis. Quisque et augue. Mauris a tortor. Nulla ultricies. Mauris consectetuer, nibh at hendrerit vehicula, arcu erat commodo nisl, ac facilisis justo risus vitae sem. Duis fermentum eros ut nulla. Aliquam a elit. Nullam commodo erat vel nulla mollis fringilla. Aenean quam enim, tincidunt vel, eleifend quis, pulvinar sed, odio. Integer placerat ipsum ac dolor. Nunc sodales tellus id ipsum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nullam vel metus. Aliquam tincidunt, sapien et gravida dignissim, risus enim nonummy purus, non semper eros lectus at velit. Aliquam ac dui. Aliquam sem quam, tempus ut, lobortis id, aliquet et, eros. Sed euismod scelerisque augue. Proin semper, leo non pulvinar pretium, eros tortor placerat tortor, non interdum lectus est eget pede. Vivamus convallis.

Sed sit amet dui et turpis interdum porta. Ut metus lectus, fermentum eu, volutpat in, consequat non, erat. Suspendisse quam pede, eleifend pretium, semper vitae, laoreet ac, ipsum. Proin orci. Ut nonummy rutrum turpis. Curabitur nec massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer eu nibh laoreet eros condimentum hendrerit. Etiam quis erat. In tempus arcu quis justo. Morbi dolor eros, pharetra at, adipiscing nec, dictum sed, purus. Cras nulla. Pellentesque pede ante, porttitor sed, sollicitudin id, tempor adipiscing, justo. Praesent quam ligula, tempor at, hendrerit nec, pulvinar id, sem.