9 ý tưởng xây dựng trang web tuyệt vời với ít
Chúng ta đều biết làm thế nào công việc web có thể được. Đó không phải là một nhiệm vụ cho những người yếu tim và thường đòi hỏi một năm hoặc nhiều nghiên cứu để thực sự nắm bắt. Khi thời đại của chúng ta phát triển, chúng ta đã thấy những ý tưởng và đổi mới tuyệt vời mở ra cộng đồng trực tuyến hướng tới nguồn mở và chia sẻ.
Việc xây dựng một trang web đã thực sự phát triển thành một quy trình nhiều lớp. Bạn phải xem xét đồ họa trang web, mã hóa kiểu và bố cục mặt trước, lưu trữ máy chủ và có thể lập trình back-end để khởi động. Các nhà phát triển đã chơi đùa với các hệ thống này trong nhiều năm và cuối cùng chúng tôi đã đạt được một điểm quan tâm, nhưng sẽ vô cùng mệt mỏi nếu bạn sẽ tự mình xử lý tất cả các công việc này.
Dưới đây tôi đã chia sẻ một số tài nguyên hữu ích để lập kế hoạch thiết kế trang web tuyệt vời một cách hiệu quả. Chúng có nhiều dạng trong toàn bộ quá trình sáng tạo. Mặc dù đây không phải là một danh sách đầy đủ, tôi hy vọng sẽ chạm vào các tài nguyên hữu ích cho các chuyên gia và người mới bắt đầu.
1. Để lại cho các chuyên gia
Từ các nhà thiết kế biểu tượng đến các lập trình viên trên khắp thế giới, tất cả chúng ta đều có các bộ kỹ năng khác nhau với cường độ khác nhau. Chúng ta không thường hình dung mình là siêu anh hùng đang tìm cách xây dựng các kỹ năng vượt ra ngoài tầm làm chủ. Tuy nhiên, để trở thành một nghệ sĩ và lập trình viên sáng tạo là một món quà thực sự.
Đối với những người trong chúng ta tập trung vào một phân khúc cụ thể, sự giúp đỡ từ bên ngoài nên được chào đón nồng nhiệt. Nó có thể đẩy nhanh quá trình xây dựng trang web gấp mười lần và cung cấp trải nghiệm độc đáo để làm việc trong cài đặt nhóm. Một số dịch vụ PSD sang HTML tốt nhất bao gồm psd2html và xhtmlchop.com, Google "dịch vụ PSD sang HTML" để nhận thêm hoặc xem danh sách hơn 100 dịch vụ tại đây.
Quá trình vật lý của việc ngồi xuống để viết mã tài liệu Photoshop thành HTML / CSS có thể gây khó chịu. Đặc biệt là nếu bạn đã mã hóa trong nhiều năm vì sự lặp lại trở nên buồn tẻ và gần như lỗi thời. Nhiều dịch vụ trong số này hứa hẹn giao hàng 24 giờ và thậm chí sẽ giảm giá cho các thiết kế trang phụ.
Nếu bạn quan tâm đến mã hóa nhưng bị tụt hậu với các kỹ năng thiết kế, tôi khuyên bạn nên duyệt một số mạng nghệ sĩ kỹ thuật số. Chúng bao gồm Dribbble và DesignMoo nơi các nhà thiết kế đồ họa có thể đăng và chia sẻ các tác phẩm mới nhất của họ. Nói chung, bạn cũng sẽ tìm thấy một trang hiển thị danh mục đầu tư cho mỗi nghệ sĩ, bao gồm thông tin liên hệ, chẳng hạn như e-mail, Twitter hoặc trò chuyện IM.
2. Giải pháp thuê ngoài
Có những ví dụ tuyệt vời về dịch giả tự do cung cấp dịch vụ của họ để hỗ trợ các studio dự án. Nhưng với mức độ giao tiếp hiện nay, có nhiều trường hợp các dịch giả tự do sẽ làm việc cùng nhau để hoàn thành công việc dự án. Thậm chí có thể từ hai địa điểm khác nhau trên toàn cầu!
Với việc phát hành rất nhiều cộng đồng tự do, các nhà thiết kế và nhà phát triển sẽ dễ dàng gặp gỡ và làm việc cùng nhau hơn bao giờ hết. Một cộng đồng tuyệt vời Lập trình viên Meet Designer cho phép cả nhà phát triển và thiết kế web nhắn tin và chia sẻ ý tưởng cho các dự án. Đây là một mạng tương đối lạ và vẫn hoạt động như một nhóm nhỏ các chuyên gia.
Ngoài ra, bạn có thể tìm kiếm một công việc tự do và tìm việc làm khó khăn. Đây là nơi mà nhiều bảng công việc từ khắp nơi trên Internet cho thấy việc sử dụng chúng. Các công ty như Fresh Web Jobs và Krop chỉ là một vài ví dụ về nhiều cơ hội tự do. Mỗi bản được cập nhật hàng ngày và cung cấp các mô tả đầy đủ cùng với thông tin liên hệ.
3. Sử dụng nguồn mở
Một trong những phát minh tốt nhất từ cộng đồng phát triển web ngày nay phải là phần mềm nguồn mở. Có vô số nỗ lực đang được thực hiện mỗi ngày để bổ sung và cải thiện các thư viện hiện có. jQuery và MooTools là hai trong số hàng trăm thư viện JavaScript nổi bật so với phần còn lại dựa trên các hướng dẫn đơn giản và danh tiếng. Tuy nhiên, JavaScript không phải là giao thức mở duy nhất được thực hiện. Nghĩa đen là hàng trăm ngàn nhà phát triển đang chia sẻ và đóng góp các gói mã trên GitHub mỗi ngày. Các ngôn ngữ bao gồm PHP, CSS, SQL, ASP, Objective-C, Java và nhiều ngôn ngữ khác!
WordPress, một nền tảng blog được phát triển bởi Matt Mullenweg và đã phát triển trong lịch sử trong vài năm qua, có thể là hình ảnh thu nhỏ của các dự án thành công nguồn mở. Có vẻ ấn tượng khi nhìn vào rất nhiều gói nhỏ hơn được sàng lọc qua web, nhưng WordPress cung cấp sức mạnh cho hàng triệu trang web và lưu trữ hàng ngàn nhà phát triển làm việc trên phần phụ trợ của họ. Toàn bộ gói là miễn phí để tải về và rất đơn giản để cài đặt. Trang web chính thức của công ty wordpress.org cung cấp các liên kết và hướng dẫn cho các nhà phát triển quan tâm đến việc xây dựng các chủ đề và plugin WP. Chúng tôi cũng đã tài trợ một hướng dẫn giới thiệu về các plugin WP cho các lập trình viên mới bắt đầu. Tương tự, có một thư viện chính thức tự hào với số lượng plugin miễn phí ấn tượng cho tất cả người dùng WordPress thưởng thức.
Đối với những bạn đang tìm kiếm các tập lệnh thương mại điện tử nguồn mở, hãy xem bài đăng này.
4. Thiết kế biểu tượng riêng - Không bắt buộc
Hướng tới khía cạnh đồ họa và hoạt hình của thiết kế, chúng ta vẫn thấy một cộng đồng mở và chia sẻ. Các nhà thiết kế web không chỉ thích chia sẻ tác phẩm nghệ thuật của họ với thế giới mà còn giúp người khác quảng bá ý tưởng của họ.
Đồ họa là một số khía cạnh phức tạp nhất của một trang web. Điều này đặc biệt đúng vì các nhà thiết kế đồ họa hàng đầu rất khó để có được. Nhiều bộ biểu tượng miễn phí như FamFamFam, Wefeft, Fugue, v.v., tiết lộ các bản tải xuống của họ là miễn phí để sử dụng khi liên kết quả báo hoặc ghi có công việc của họ. Đây có vẻ như là một sự đánh đổi đơn giản để sử dụng không giới hạn!
Một dịch vụ tuyệt vời khác Trình tìm biểu tượng hoạt động như một công cụ tìm kiếm cho các bộ biểu tượng phổ biến nhất. Thông thường nếu bạn đang duyệt qua các kết quả tìm kiếm của Google, có hàng trăm blog thiết kế web hiển thị các biểu tượng miễn phí tốt nhất. Những thứ này cũng đã được chia sẻ vào các công cụ như Icon Finder để giúp xây dựng trang web nhanh hơn.
5. Thỏa thuận tốt hơn trong Hosting & Chia sẻ tệp
Tất cả chúng ta có thể sử dụng một số tiền thêm vào những ngày này. Ngay cả khi các nhà thiết kế web, điều quan trọng là tìm kiếm các công ty cung cấp giao dịch và hỗ trợ thế hệ tự do.
Lưu trữ web chỉ là một trong nhiều chi phí được xem xét. Thông thường, bạn có thể tìm thấy phiếu giảm giá trên các trang web liên quan giúp tiết kiệm tiền khi mua tên miền và dung lượng máy chủ.
Chia sẻ tệp đã trở thành một phần quan trọng trong lối sống của người thiết kế web. Có các dịch vụ trả phí và miễn phí, và nếu bạn biết ai đó trong doanh nghiệp, không khó để có được tài khoản thành viên. Đối với phần còn lại, hãy xem xét duyệt các lựa chọn chia sẻ tệp của chúng tôi, cung cấp hỗ trợ hoàn toàn miễn phí cho tất cả người dùng.
6. Kiểm tra hiệu suất miễn phí
Các ứng dụng trang web là xu hướng mới nhất nhộn nhịp thông qua các đường nối kỹ thuật số. Từ ứng dụng di động đến ứng dụng trên trình duyệt, có vẻ như mọi thứ đều có thể được hoàn thành trên máy tính ngày nay. Đối với quản trị trang web, điều quan trọng là phải biết về nhiều cơ hội miễn phí để thử nghiệm cơ khí và bảo trì trang web.
Nếu bạn giống như hầu hết chúng ta thì thời gian hoạt động của trang web là mối quan tâm lớn. Việc trang web của bạn bị hỏng thậm chí trong vài phút có thể trở thành thảm họa đối với số lượng lưu lượng truy cập của bạn, chưa kể đến việc gây nhầm lẫn sâu sắc cho khách truy cập của bạn. Pingdom là một công cụ miễn phí mà tất cả các quản trị web nên sử dụng để kiểm tra mã phản hồi từ máy chủ web của họ. Đây là một cách chắc chắn để giữ các tab trên phần phụ trợ của bạn và theo dõi hiệu suất từ phía sau hậu trường.
Một dịch vụ tuyệt vời khác, Google Webmasters cho phép các nhà phát triển yêu cầu quyền sở hữu trang web của họ. Điều này có thể được thực hiện với sơ đồ trang web, thẻ meta hoặc các lựa chọn thay thế khác do Google cung cấp. Nếu bạn sử dụng tài khoản Google, có thể lưu trữ dữ liệu RSS và thậm chí theo dõi từ khóa cho các trang web riêng lẻ. Ứng dụng này miễn phí 100% và cho phép bạn lưu trữ các kết nối trang web không giới hạn!
7. Trình chỉnh sửa mã có thể rẻ (hoặc miễn phí)
Cho dù chúng tôi muốn thừa nhận điều đó, hầu hết các nhà thiết kế web có xu hướng tìm hiểu về một số hình thức phát triển web. Nó chỉ dành cho những người thực sự có năng khiếu về Adobe Photoshop hoặc Illustrator, những người không mạo hiểm với thiết kế HTML và CSS.
Đối với các lập trình viên frontend và backend như nhau, có thể khó tìm được một môi trường làm việc thoải mái. Adobe cung cấp Dreamweaver hỗ trợ đánh dấu mã bằng nhiều ngôn ngữ, nhưng thật không may, sẽ tốn khá nhiều tiền. Chúng tôi đã xem xét 10 trình soạn thảo mã nguồn miễn phí hàng đầu và đã cung cấp các liên kết tải xuống trực tiếp đến từng trang.
Nếu bạn mới bắt đầu viết mã, tôi khuyên bạn nên dành thời gian nghiên cứu về những thứ này. Môi trường phát triển của bạn rất quan trọng và sẽ có ảnh hưởng đến cách bạn viết mã. Nhiều trình soạn thảo trong số này là dành riêng cho Windows và mặc dù bạn có thể tìm thấy một vài tùy chọn thân thiện với máy Mac, tôi khuyên dùng Panic's Coda - một cách chỉnh sửa mã rẻ hơn (so với Adobe Dreamweaver) để phát triển web nghiêm túc.
8. Nhặt một số Bộ dụng cụ bắt đầu
Bây giờ bạn đã có một ý tưởng vững chắc về các dịch vụ và chương trình có sẵn, hãy thử tải xuống một vài bộ dụng cụ khởi động để đưa bạn đi. Là nhà thiết kế web, điều quan trọng là tập trung sự chú ý có ý thức của chúng tôi vào sự sáng tạo và thúc đẩy các ý tưởng mới cho nền tảng bố cục.
Trong vài năm qua, các nhà thiết kế đã dần phát hành các gói biểu tượng, mẫu, thành phần biểu mẫu, thành phần GUI và nhiều tác phẩm tương tự miễn phí. Vui lòng kiểm tra danh sách các bộ khởi động thiết kế web của chúng tôi để xem có gì bắt mắt không.
Công việc bố trí Photoshop không phải lúc nào cũng dễ hoàn thành nhất. Thông thường chúng tôi thấy mình nghi ngờ và tái tham gia để điều chỉnh cách phối màu và vị trí. Câu ngạn ngữ cũ “tập luyện giúp hoàn hảo hơn” dường như giữ rất đúng trong kịch bản này, cùng với nhiều người khác. Và những bộ dụng cụ khởi động cơ bản này sẽ giúp bạn đi bằng chân phải!
9. Luôn theo kịp thời gian học
Khi thời gian trôi qua, tất cả chúng ta đều có xu hướng mất hứng thú với các hoạt động. Nếu bạn thực sự đam mê thiết kế web, bạn nên giữ cho mình động lực và nghiên cứu các chủ đề mới. Cân nhắc mở mang đầu óc cho một ngôn ngữ phát triển hoặc thực hành một phần mềm mới.
Các công cụ trực tuyến ngày nay đã tiên tiến hơn bao giờ hết trong việc giúp các nhà thiết kế web trẻ vừa chớm nở nhận giải thưởng. Thư viện thiết kế web ban đầu được ra mắt dưới Mẫu Monster cùng với Jetimpex Inc, và đã tiếp tục vào một danh mục các hướng dẫn rất phổ biến. Trang web được cập nhật hàng ngày với các liên kết mới và các mục giới thiệu cho cảm hứng.
Trang web cũng liên kết giữa nhiều địa điểm đối tác bao gồm cả Mẫu Ninajas. Điều này dẫn đến các giao dịch hàng ngày mà bạn không thể tìm thấy ở bất kỳ nơi nào khác - đôi khi cả bản demo hoặc bản miễn phí! Các mẫu trang web là một nơi tuyệt vời để bắt đầu khi bạn không quen với việc xây dựng bố cục trang web hoặc chỉ cần một số ý tưởng mới.
Tôi cũng rất muốn giới thiệu Tuts + Network được tạo bởi Envato. Họ lưu trữ hàng ngàn hướng dẫn từ Photoshop, Illustrator, HTML5, ActionScript, hình dạng vector và thậm chí cả nhiếp ảnh. Một số mã của họ yêu cầu phải có quyền thành viên để tải xuống nhưng tất cả các hướng dẫn đều miễn phí để làm theo và cung cấp hướng dẫn từng bước để giảm bớt chu trình học.
Cùng với các bài viết bằng văn bản hầu hết các ý kiến cũng sẽ cung cấp lời khuyên tuyệt vời. Toàn bộ mạng được điều hành bởi các nhà thiết kế web và được đọc bởi các nhà thiết kế web, vì vậy bạn có thể chắc chắn về phản hồi chất lượng cao.
Phần kết luận
Những phương pháp này sẽ giúp bạn bắt đầu trên con đường sấm sét hướng tới sự giác ngộ thiết kế web. Những mánh khóe tốt nhất của thương mại đã được truyền qua nhiều năm qua cộng đồng Internet. Và tương tự như vậy, khi số lượng các nhà thiết kế web đã tăng các tiêu chuẩn mở hơn đã được tạo ra.
Xem xét một số ý tưởng được trình bày ở trên và dành thời gian duyệt qua các bài viết hoặc hướng dẫn thú vị. Ngay cả việc làm quen với vật liệu mới cũng có thể khiến não bạn hoạt động và khiến bạn suy nghĩ về một tư duy thiết kế nâng cao. Nếu bạn có ý tưởng tương tự, hãy chia sẻ chúng trong phần bình luận bên dưới.
