HST Status weergave
HST Status weergave
Vanaf het begin ben ik bezig om mijn Touch screen interface te optimaliseren.
Belangrijke Uitgangspunten:
- Overzichtelijk / duidelijk
- Bruikbaar
- Geen GEEK look
- Intuitief
- Efficient (800 x 600 scherm)
- Snel
Rij een
Nieuwe indeling
Grijs Off
Groen On
Geel Dim
Rij twee
Vermeldingen met tekst was efficient maar ook tegelijk rommelig en iets minder duidelijk.
[img]uploaded/Chak/200932023439_HST-status.gif[/img]
Werkwijze die ik hier gebruik.
Afhankelijk van de status toets image veranderen.
Binnen HST is er een andere methode om dit voor elkaar te krijgen nl. via "Zorder" maar dat heeft vanaf het begin niet goed gewerkt en als je meerdere lagen hebt werkt het helemaal lastig
<b>Button download</b>
[img]uploaded/Chak/200932112576_button-black.png[/img]
[img]uploaded/Chak/2009321125738_BlackOff.png[/img]
[img]uploaded/Chak/200932112581_BlackDim.png[/img]
[img]uploaded/Chak/2009321125820_BlackOn.png[/img]
Belangrijke Uitgangspunten:
- Overzichtelijk / duidelijk
- Bruikbaar
- Geen GEEK look
- Intuitief
- Efficient (800 x 600 scherm)
- Snel
Rij een
Nieuwe indeling
Grijs Off
Groen On
Geel Dim
Rij twee
Vermeldingen met tekst was efficient maar ook tegelijk rommelig en iets minder duidelijk.
[img]uploaded/Chak/200932023439_HST-status.gif[/img]
Werkwijze die ik hier gebruik.
Afhankelijk van de status toets image veranderen.
Binnen HST is er een andere methode om dit voor elkaar te krijgen nl. via "Zorder" maar dat heeft vanaf het begin niet goed gewerkt en als je meerdere lagen hebt werkt het helemaal lastig
<b>Button download</b>
[img]uploaded/Chak/200932112576_button-black.png[/img]
[img]uploaded/Chak/2009321125738_BlackOff.png[/img]
[img]uploaded/Chak/200932112581_BlackDim.png[/img]
[img]uploaded/Chak/2009321125820_BlackOn.png[/img]
HST Status weergave
Wat ik nog niet voor elkaar heb gekregen maar zelf de beste oplossing vind is een knop waarom het plaatje met de status mee veranderd, bv gordijn open/ gordijn gesloten (dat kan al) maar met daarover heen tekst om welk gordijn het gaat. Het lukt me niet om die zaken te combineren en ik zie dat jij ook nog drie knoppen nodig hebt voor je gordijn. IK heb het als toggle staan en nu maar de tekst eronder.
Ik ben het met je eens dat te veel tekst onduidelijk werkt en gauw rommelig wordt.
In dit voorbeeld zie je mijn poging en hoe de transparant instelling niet goed werkt onder de tekst. Op de Client verdwijnt de tekst geheel.
Ik ben het met je eens dat te veel tekst onduidelijk werkt en gauw rommelig wordt.
In dit voorbeeld zie je mijn poging en hoe de transparant instelling niet goed werkt onder de tekst. Op de Client verdwijnt de tekst geheel.
HST Status weergave
Hoi Bastiaan..Voor gordijnen heb ik nog geen goede oplossing.
Wat je gemaakt hebt ziet er heel goed uit.
Ook je garage oplossing is super.
Kan ik een kopie van de toetsen krijgen?
Wat je gemaakt hebt ziet er heel goed uit.
Ook je garage oplossing is super.
Kan ik een kopie van de toetsen krijgen?
HST Status weergave
Credits voor het grafische werk gaan naar mijn vriending Pat
Ondertussen ben ik net als jij nog aan het stoeien naar een overzichtelijke cleane look.
Bijgaan de laatste pogingen voor mijn security screen.
<b>Download Attachment:</b> buttons.zip<br />28.41KB
Ondertussen ben ik net als jij nog aan het stoeien naar een overzichtelijke cleane look.
Bijgaan de laatste pogingen voor mijn security screen.
<b>Download Attachment:</b> buttons.zip<br />28.41KB
HST Status weergave
Ik ben ook nog erg aan het zoeken of ik nou met icoontjes of met tekst de status moet aangeven.
De icoontje van HS zijn een beetje stijlloos dus moet je overal andere dingen aan gaan koppelen.
Testje:
Wat ik een strak ontwerp vind is bv van Homeserver 3 van Gira (Gira.com) er heeft al eens een plaatje van ze op het forum gestaan. Er is consistentie in de iconen, (alles wit), er zijn hele subtiele nuances en als er kleuren gebruikt worden is het met rustige tonen.
De icoontje van HS zijn een beetje stijlloos dus moet je overal andere dingen aan gaan koppelen.
Testje:
Wat ik een strak ontwerp vind is bv van Homeserver 3 van Gira (Gira.com) er heeft al eens een plaatje van ze op het forum gestaan. Er is consistentie in de iconen, (alles wit), er zijn hele subtiele nuances en als er kleuren gebruikt worden is het met rustige tonen.
HST Status weergave
Ziet er super uit..
ik heb je idee van Lock Unlock naar mijn buttons gekopieerd.
Zal kijken of het met de gordijnen ook gaat werken..
thanks
[img]uploaded/Chak/200932113450_BlackLock.png[/img]
[img]uploaded/Chak/2009321134527_BlackUnlock.png[/img]
ik heb je idee van Lock Unlock naar mijn buttons gekopieerd.
Zal kijken of het met de gordijnen ook gaat werken..
thanks
[img]uploaded/Chak/200932113450_BlackLock.png[/img]
[img]uploaded/Chak/2009321134527_BlackUnlock.png[/img]
HST Status weergave
Nog even als mooi voorbeeld.
Zij werken bv met een kleine slider naast een dimbaar item, bij aanklikken komt een grote popup met de gorte slider en een percentage.
Spaart ruimte op het hoofd scherm en je kunt echt goed handelbare grote sliders maken, zelfs op een klein scherm.
Ben er nu zelf mee bezig, voorbeeld volgt.
Zij werken bv met een kleine slider naast een dimbaar item, bij aanklikken komt een grote popup met de gorte slider en een percentage.
Spaart ruimte op het hoofd scherm en je kunt echt goed handelbare grote sliders maken, zelfs op een klein scherm.
Ben er nu zelf mee bezig, voorbeeld volgt.
HST Status weergave
[img]uploaded/Chak/200932123287_CurtainOpen.png[/img]
[img]uploaded/Chak/2009321232849_CurtainClose.png[/img]
Er is nog ruimte voor een regel tekst boven in.
[img]uploaded/Chak/2009321232849_CurtainClose.png[/img]
Er is nog ruimte voor een regel tekst boven in.
HST Status weergave
Maar ik krijg het niet goed om zowel status images te gebruiken als ook een tekst over een button te leggen. In de de designer zie ik die wel maar in de Client vaak niet. Ik ga daarom maar weer tetug naar een button met een icoon erachter. Probeer wel een soort eenvormigheid te maken door de iconen wel allemaal zelf te maken.
Geloof wel dat iconen een sneller overzicht geven dan tekst. Wat denk jij?
(nu eerst even twee dagen werken, ja buiten dus hopen dat het droog blijft)
Geloof wel dat iconen een sneller overzicht geven dan tekst. Wat denk jij?
(nu eerst even twee dagen werken, ja buiten dus hopen dat het droog blijft)
HST Status weergave
@zebrafilm
Kijk nou nog eens goed naar het geen wat je zelf zo aantrekt.
Ik zie namelijk tekst en icons
Kijk nou nog eens goed naar het geen wat je zelf zo aantrekt.
Ik zie namelijk tekst en icons
HST Status weergave
Bastiaan,
Probeer eens DPI instellingen te veranderen
In project setting kan je deze veranderen.
Op de Asus Top is de DPI veel hoger dan op een gewone scherm
Zelfde probleem heb ik ook op mijn HTC HD
Hier gebruik ik DPI X 0,7
Probeer eens DPI instellingen te veranderen
In project setting kan je deze veranderen.
Op de Asus Top is de DPI veel hoger dan op een gewone scherm
Zelfde probleem heb ik ook op mijn HTC HD
Hier gebruik ik DPI X 0,7
HST Status weergave
[img]uploaded/Chak/200932211842_gordijn.png[/img]
HST Status weergave
Ik zou gewoon de letters op de knop zetten in photoshop, dan heb je ook geen last van fontscaling geneuzel.
Het is even wat meer werk, maar het uiteindelijke resultaat is dat je letters ook veel mooier in je gfx blenden door de anti alliasing die ze dan mee krijgen.
Onderschat ook zeker niet het gebruik van kleuren, kijk maar eens om je heen.. Stations, vliegvelden... icons zijn in de praktijk doorgaans in 1 kleur gemaakt. En op de momenten dat er extra aandacht gewenst is gebruikt men rood of een andere in het oog springende tint. Wat dat betreft is het wel leuk dat je dat ook weer terug ziet in het mooie voorbeeldje van Zebrafilm.
Sugestie aan Chak knijp je ogen eens een beetje dicht en kijk nog eens naar je vormgeving om zo kwa kleur ook een funktionele interface te krijgen. Je gordijn icon krijgt namelijk nu wel erg onredelijk veel aandacht. Het is een truukje wat ik vaak gebruik met het maken van posters.
Het is even wat meer werk, maar het uiteindelijke resultaat is dat je letters ook veel mooier in je gfx blenden door de anti alliasing die ze dan mee krijgen.
Onderschat ook zeker niet het gebruik van kleuren, kijk maar eens om je heen.. Stations, vliegvelden... icons zijn in de praktijk doorgaans in 1 kleur gemaakt. En op de momenten dat er extra aandacht gewenst is gebruikt men rood of een andere in het oog springende tint. Wat dat betreft is het wel leuk dat je dat ook weer terug ziet in het mooie voorbeeldje van Zebrafilm.
Sugestie aan Chak knijp je ogen eens een beetje dicht en kijk nog eens naar je vormgeving om zo kwa kleur ook een funktionele interface te krijgen. Je gordijn icon krijgt namelijk nu wel erg onredelijk veel aandacht. Het is een truukje wat ik vaak gebruik met het maken van posters.
HST Status weergave
@Robin,
Daar heb je wel gelijk in.. minder kleur voor de normale status.
Gordijn icon past nog niet goed bij het geheel.
Wel blij dat het iets compacter is geworden.
Slot open dicht ziet er beter uit.
Als je voor de gordijnen iets moois kan maken graag..
Daar heb je wel gelijk in.. minder kleur voor de normale status.
Gordijn icon past nog niet goed bij het geheel.
Wel blij dat het iets compacter is geworden.
Slot open dicht ziet er beter uit.
Als je voor de gordijnen iets moois kan maken graag..
HST Status weergave
ik zal als ik weer thuis ben mijn verhaal visueel ondersteunen met je gordijn knop