ვისწავლოთ მარტივი Wireframes დაიწყოს თქვენი დიზაინით
Web wireframe არის მარტივი ვიზუალური გზამკვლევი რათა ნახოთ, თუ რა ვებ გვერდი გამოიყურება ასე. იგი გვთავაზობს გვერდის სტრუქტურას, ნებისმიერი გრაფიკის ან ტექსტის გამოყენების გარეშე. ვებსაიტის მარაგს აჩვენებს მთელი საიტის სტრუქტურა - მათ შორის, თუ რა გვერდები უკავშირდება სად.
ვებ საკაბელო არის შესანიშნავი გზა თქვენი დიზაინის მუშაობა. და მაშინ, როდესაც შესაძლებელია კომპლექსური სატრანსპორტო საშუალებების შექმნა, დიდი რაოდენობით დეტალებით, თქვენი დაგეგმვა შეიძლება დაიწყოს ხელსახოცი და კალამი. კარგი wireframes მიღების გასაღები დატოვოს ყველა ვიზუალური ელემენტები. გამოიყენეთ ყუთები და ხაზები, რომლებიც წარმოადგენენ სურათებს და ტექსტს.
რამ შეიტანოს ვებ გვერდზე wireframe:
- ყუთების პირველადი გრაფიკული ელემენტები
- სათაურები და საქვეუწყებო თავები
- მარტივი განლაგება სტრუქტურა
- მოუწოდებს მოქმედებას
- ტექსტური ბლოკები
როგორ ავაშენოთ მარტივი ვებ Wireframe
შექმნა ვებ გვერდი wireframe გამოყენებით ნებისმიერი ჯართი ქაღალდი გაქვთ მოსახერხებელია. აი, როგორ გავაკეთო ეს:
- მიამაგრეთ დიდი მართკუთხედი - ეს შეიძლება წარმოადგენდეს მთელ გვერდს ან მხოლოდ ხილულ ნაწილს. მე, როგორც წესი, იწყება ხილული ნაწილი და შემდეგ გაფართოვდეს ის ელემენტები, რომლებიც ქვემოთ იქნება ქვემოთ.
- ესკიზის განლაგება - ეს არის 2 სვეტი, 3 სვეტი?
- დაამატეთ ყუთში სათაურის გრაფიკა - დახაზეთ თქვენი სვეტები თუ გნებავთ, რომ სვეტების თავზე იყოს ერთი თავით, ან უბრალოდ დაამატოთ, სადაც გსურთ.
- ჩაწერეთ "სათაო", სადაც გსურთ თქვენი H1 სათაური იყოს.
- დაწერეთ "ქვეთავი", სადაც გსურთ H2 და ქვედა სათაურები. ის ეხმარება თუ პროპორციულს ხდის H2- ს, ვიდრე H1, H3 ნაკლებია H2 და ა.შ.
- დაამატეთ ყუთებში სხვა სურათები
- ნავიგაციაში დამატება. თუ თქვენ გეგმავს ჩანართების, უბრალოდ მიაპყროს ყუთები, და დაწეროთ "ნავიგაცია" ზედა. ან დაამატე bulleted სიები სვეტების სადაც გსურთ ნავიგაცია. არ დაწეროთ შინაარსი. უბრალოდ დაწერე "ნავიგაცია" ან გამოიყენეთ ხაზი ტექსტისთვის.
- დაამატეთ დამატებითი ელემენტები გვერდზე - იდენტიფიცირება, რაც მათ აქვთ ტექსტი, მაგრამ არ გამოიყენოთ ფაქტობრივი შინაარსის ტექსტი. მაგალითად, თუ გნებავთ მოქმედებების ღილაკს ქვედა მარჯვენა მხარეს, დააყენეთ ყუთი და დაარქვით მას "მოქმედებაზე დარეკვა". არ დაწერა "შეიძინე ახლა!" ამ ყუთში.
ერთხელ თქვენ მიიღებთ თქვენს უბრალო საკაბელო წერილს და არ უნდა გადაგიყვანოთ 15 წუთი მეტი, რომ ესკიზის ერთ-ერთზე გაეცანით, აჩვენე ის ვინმეს. ჰკითხეთ მათ, თუ რამე აკლია და სხვა კავშირი. დაყრდნობით, რასაც ამბობენ, შეგიძლიათ დაწერონ კიდევ ერთი მავთული ან შეინახოთ ერთი.
რატომ ქაღალდის Wireframes საუკეთესოა პირველი მონახაზები
მიუხედავად იმისა, რომ თქვენ შეგიძლიათ შექმნათ wireframes პროგრამები, როგორიცაა Visio, თქვენი თავდაპირველი brainstorming სხდომები, თქვენ უნდა გამყარებაში ქაღალდი. ქაღალდი არ ჩანს, როგორც მუდმივი, და ბევრ ადამიანს გეგმავს ეს 5 წუთი დაუთმეთ და ასე ნუ მოგერიდებათ კარგი გამოხმაურება მოგაწოდოთ. მაგრამ როდესაც თქვენ იყენებთ პროგრამას, რათა შექმნათ ლამაზი საკაბელოები და ფერები, თქვენ აწარმოებთ რისკის ქვეშ აღმოჩნდებიან პროგრამაში და ხარჯავს საათებს, რომლებიც სრულყოფილებას არ იშურებენ.
ქაღალდის მავთულები ადვილია. და თუ არ მოგწონთ, უბრალოდ ქურდი გაატარებ ქაღალდს, გადაყარეთ ის გადამუშავებასა და ახალ ფურცელზე.