Როგორ შევქმნათ საიტი Wireframes

საიტი wireframes არის მარტივი ხაზების ნახატების, რომ ნახოთ განთავსება ელემენტების ვებ გვერდზე. კომპლექსური დიზაინის ნაცვლად, დიზაინის პროცესის დაწყებისას, შეგიძლიათ მარტივად გადარჩენა საკუთარ თავს მარტივ რეჟიმში.

გამოყენება wireframes არის დიდი გზა, რათა დაიწყოს ნახვა პროექტი, როგორც ეს საშუალებას გაძლევთ და თქვენს კლიენტს ფოკუსირება განლაგება გარეშე განადგურების ფერი, ტიპი და სხვა დიზაინის ელემენტები. კონცენტრირება იმაზე, თუ რა ხდება თქვენს ვებ-გვერდებზე და სივრცის პროცენტზე, რომელიც თითოეულ ელემენტს იღებს, რომელიც შეიძლება განისაზღვროს თქვენი კლიენტის მოთხოვნილებებით.

01 წლის 03

რა უნდა შეიტანოთ ვებსაიტზე Wireframe

მარტივი საკაბელო მაგალითი.

ვებ-გვერდის ყველა მნიშვნელოვანი ელემენტი წარმოდგენილი უნდა იყოს თქვენს ვებ-გვერდზე. გამოიყენეთ მარტივი ფორმები ნაცვლად ფაქტობრივი გრაფიკა, და წარწერა მათ. ეს ელემენტებია:

02 03

როგორ შევქმნათ საიტი Wireframes

OmniGraffle Screenshot.

არსებობს სხვადასხვა გზები, რათა შეიქმნას ნახვა wireframe. ისინი შეიცავენ:

ნახატი ხელით ქაღალდზე

ეს მეთოდი მოსახერხებელია პირისპირ პირისპირ პირისპირ. შეადგინეთ თქვენი განლაგება იდეები ქაღალდზე, სადაც ყურადღება გამახვილეთ რა ელემენტები უნდა გადავიდეს სად.

გამოყენება Adobe Photoshop, Illustrator, ან სხვა პროგრამული უზრუნველყოფა

ბევრი გრაფიკული პროგრამული პაკეტები მოყვება ყველა საბაზისო ინსტრუმენტს, რომელიც აუცილებელია wireframes- ს შესაქმნელად. მარტივი ხაზები, ფორმები, და ტექსტი (რათა თქვენი ელემენტები) ყველა თქვენ უნდა შექმნათ presentable wireframe.

ამ ტიპის სამუშაოებისთვის შექმნილი პროგრამული უზრუნველყოფა

მიუხედავად იმისა, რომ Photoshop- ისა და Illustrator- ს შეუძლია შეასრულა, ზოგიერთი პროგრამული პაკეტი სპეციალურად ამ ტიპის სამუშაოსთვის არის შემუშავებული. OmniGraffle არის ნაჭერი პროგრამული უზრუნველყოფა, რომელიც ამარტივებს შექმნას wireframes ფორმის, ხაზი, arrow და ტექსტი ინსტრუმენტები გამოყენება ცარიელი ტილო. თქვენ შეგიძლიათ ჩამოტვირთოთ გრაფიკული კომპლექტების (უფასოდ) ჩამოტვირთეთ Graffletopia, რომელიც გაძლევთ უფრო ელემენტებს, როგორიცაა საერთო ვებ ღილაკები, მუშაობა.

03 03

სარგებელი

ვებსაიტის საშუალებით თქვენ სარგებლობთ სასურველი განლაგების მისაღწევად მარტივი ხაზის ნახაზზე. იმის ნაცვლად, რომ გადაადგილება კომპლექსური ელემენტების გარშემო გვერდზე, მას შეუძლია მიიღოს ძალიან ცოტა დრო გადაიტანეთ რამდენიმე ყუთები ახალ პოზიციებზე. ასევე ბევრად უფრო პროდუქტიული თქვენთვის ან თქვენი კლიენტი განლაგებულია პირველ განლაგებასთან ... თქვენ არ დაიწყებთ კომენტარებს, როგორიცაა "მე არ მომწონს ეს ფერი!" ნაცვლად ამისა, თქვენ დაიწყებთ საბოლოო განლაგებას და სტრუქტურას რომელიც დაეყრდნოს თქვენი დიზაინი.