I designvy kan du visa och manipulera den visuella strukturen för olika typer av dokument eller objekt. Detaljer beror på programvaran du använder, men här är en uppdelning av vad du i allmänhet kan förvänta dig att se och göra i designvy, med exempel för olika applikationer:
Allmänna kapaciteter (över många designvyer):
* Visuell layout och struktur: Du ser elementen i dokumentet eller objektet arrangerade som de skulle visas för användaren. Detta inkluderar saker som text, bilder, knappar, fält och andra kontroller.
* egenskaper och attribut: Du kan se och ändra egenskaperna hos enskilda element. Dessa egenskaper styr saker som storlek, position, färg, teckensnitt, synlighet och beteende.
* hierarkisk struktur: Ofta representerar designvy strukturen i dokumentet på ett hierarkiskt sätt, som ett träd, så att du kan se hur element är kapslade och relaterade.
* Förhållanden mellan element: Designvy kan också visa hur ett element är anslutet till ett annat, särskilt i databasdesign, för att se relationer (en-till-många, många-till-många).
Exempel efter applikation:
1. Webbutveckling (HTML/CSS -redaktörer, IDE):
* element: HTML -taggar (divs, stycken, rubriker, bilder, formulär etc.) är visuellt representerade.
* Layout: Hur element är placerade på sidan (med CSS -egenskaper som marginal, stoppning, flottör, position, rutnät, flexbox).
* stilar: Färger, teckensnitt, storlekar, gränser och andra visuella stilar definierade av CSS.
* interaktiva element: Grundläggande representationer av JavaScript-driven element (även om full interaktivitet vanligtvis kräver att man kör sidan i en webbläsare).
* HTML -struktur: Hur HTML -elementen är kapslade och organiserade i DOM.
2. Databashanteringssystem (DBMS - t.ex. MySQL Workbench, SQL Server Management Studio, MS Access):
* tabeller: Visuell representation av databastabeller.
* fält/kolumner: Namn, datatyper och begränsningar för varje kolumn i en tabell.
* nycklar: Primära nycklar, utländska nycklar och andra typer av nycklar anges visuellt.
* relationer: Linjer eller diagram som visar förhållanden mellan tabeller (en-till-många, många-till-många).
* Index: Visuell representation av index.
* Begränsningar: (Som `inte null ',' unika ',' check ') kan ses och konfigureras.
* lagrade procedurer/visningar/funktioner: Definition och struktur för dessa databasobjekt.
3. Microsoft Access (formulär och rapporter):
* Formkontroller: Textrutor, etiketter, knappar, listrutor, kombinationsrutor, etc.
* Layout: Arrangemang av kontroller i formuläret eller rapporten.
* Egenskaper: Kontrollegenskaper (t.ex. kontrollkälla, format, teckensnitt, färg).
* kod: Kan ibland komma åt den underliggande VBA -koden (evenemangshanterare) för formuläret eller rapporten från designvy.
* Databindning: Hur formuläret/rapporten är ansluten till data i dina tabeller.
4. Grafisk designprogramvara (Adobe Photoshop, Illustrator):
* lager: Visuell representation av lager och deras staplingsordning.
* objekt/former: Cirklar, rektanglar, vägar, textobjekt etc.
* Egenskaper: Stroke, fyll, färg, storlek, position, opacitet och andra visuella egenskaper hos objekt.
* Effekter: Visuell representation av effekter applicerade på lager eller föremål (t.ex. skuggor, glöd, suddighet).
* Artboards: Canvas eller flera dukar (Artboards) du arbetar med.
5. Presentationsprogramvara (Microsoft PowerPoint, Google Slides):
* bilder: Individuella bilder i presentationen.
* Platshållare: Områden där text, bilder eller annat innehåll kan sättas in.
* Layout: Arrangemang av element på bilden.
* Animationer och övergångar: Även om animationen inte är live kan du vanligtvis se visuella signaler eller inställningar relaterade till animationer och glidövergångar.
* Master Slides: Den övergripande design- och layoutmallen för presentationen.
6. Programvaruutvecklingsmiljöer (IDE) - GUI -byggare (t.ex. Visual Studio, Qt Creator, Eclipse):
* Visuella kontroller: Knappar, textfält, etiketter, menyer, verktygsfält, etc.
* Layout: Arrangemang av kontroller inom fönster eller dialogrutor.
* Egenskaper: Kontrollegenskaper (text, färg, storlek, händelseshanterare).
* Eventhanterare: Visuell anslutning av UI -element till kodfunktioner som hanterar användarinteraktioner (klick, knapptryckningar etc.).
* komponenthierarki: Hierarkin för UI -komponenter inom applikationen.
Nyckel takeaways:
* Designvy är fokuserad på * visuella * och * strukturella * aspekter av något.
* Det låter dig manipulera elementen direkt (dra, ändra storlek, ändra egenskaper).
* Det är vanligtvis ett mer * intuitivt * sätt att arbeta än att bara skriva kod eller skript.
* Det visar emellertid inte alltid det fulla * beteendet * eller * funktionaliteten * för objektet. För det måste du vanligtvis byta till ett "kör" eller "förhandsgranskning" -läge.
* Det specifika för vad du kan se och göra i designvyn beror helt på applikationen du använder.
