Леко квадратно, или леко размазано?

[gLaVoReZa]

Здравейте,

Според вас една иконка, или изобщо някакъв заоблен елемент от дизайна на сайта, по-добре да е леко размазан, или по-добре да е леко квадратен по ръбовете? Питам, защото съм установил, че в някои случаи няма средно положение и трябва да се избира между тези двете. Кое е по-малкото зло?

 

[god_of_cs]

Квадратен мисля, замазаното е наистина лайняно в повечето случай.

 

[djman]

Е кои са тези случаи, в които трябва да се избира?

 

[eddyy93]

Аз незнам как няма да ги има тези квадратчета. Това са пикселите.

 

[StormBreaker]

Само аз ли не разбрах какво пита човека?

 

[BBC91]

Само аз ли не разбрах какво пита човека?

 

[lam3r4370]

Само аз ли не разбрах какво пита човека?

 

[djman]

И аз ли да цитирам...

Аз доколкото разбрах пита

или

а трябва да е

Макар че не знам кога е тоя случай, когато трябва да се избира между 1 и 2...

 

[StormBreaker]

И аз ли да цитирам...

Аз доколкото разбрах пита

или

а трябва да е

Макар че не знам кога е тоя случай, когато трябва да се избира между 1 и 2...

Кръгчето е последното нещо, което можеш да наречеш квадратно

 

[djman]

Няма нужда да се правим на остроумни, нека автора по-добре да обясни какво е имал в предвид.

С кръгчето исках да покажа ръбовете, надявам се виждаш разлика между 3-те... защото мисля че автора за тях говори (за ръбовете).

 

[gLaVoReZa]

Да, точно това имах предвид. Ама лошото е, че и последното кръгче е леко размазано... или поне така го виждам на 1024x768.

Примерно вижте това. Първата картинка е по-размазана, а втората е по-ръбава. Можете да ги отворите във Photoshop ако имате време и да видите, че първата има повече полупрозрачни пиксели по ръбовете, а втората има по-малко... ама то всъщност това май се забелязва само на резолюции под 1280x1024...

 

[djman]

на 1680х1050 има минимална разлика между двете.

А така размазано ли е? elipse tool -> make selection -> feather 0.1, anti-aliased.

 

[eddyy93]

При монитора няма перфектен кръг (или поне все още). Всички кръгове, заоблени ъгли и т.н., това са едни "мънички квадратчета", наречени пиксели, който съставят различните фигури, ние няма как да ги видим освен ако не ги приближим максимално (тоест под-голяма резулюция или не поставим един микроскоп на монитора).

 

[djman]

При монитора няма перфектен кръг (или поне все още). Всички кръгове, заоблени ъгли и т.н., това са едни "мънички квадратчета", наречени пиксели, който съставят различните фигури, ние няма как да ги видим освен ако не ги приближим максимално (тоест под-голяма резулюция или не поставим един микроскоп на монитора).

Но все пак може да се направи максимално близка фигура до кръга (чрез различни прозрачности на тези квадратчета)... виж ми примерите

 

[Vladkata]

Да, кръга е съставен от пиксели (квадрати), както каза @djman. Аз мисля че @gLaVoReZa говори за различния рендър на фигурите, както е при текста - има няколко рендър енджина - None, Sharp, Crisp, Strong и Smooth. А като чертаеш нещо, има Feather, който омекотява селекцията и прави точно такива полупрозрачни пиксели, за които говори @djman.

Това не го прави замазано, а гладко, защото няма как монитора да визуализира кръг без пиксели. А иначе можеш да провериш резолюцията - 72/300 dpi (dots per inch)/ppi (pixels per inch) - колко пиксела да има в един инч, за да не ти е размазано. 3-тият и 1-вият кръг, които показа @djman не са размазани. Ето ти пример с иконка от Web-Tourist -

.

Можеш да експериментираш с различни Blending Options, като Stroke, който ще очертае кръга и ще го направи по-остър (ако може така да се каже ), а пък Drop Shadow ще го направи като тази иконка горе...

 

[gLaVoReZa]

@djman, последният кръг, който си направил изглежда леко ръбав на моя монитор - CRT, 1024x768.

Аз се замислих за това, понеже сега правя един дизайн, който е изключително важно да изглежда чист и приятен. И на тази ниска резолюция, на която го правя, елементите, които са с прави линии изглеждат супер чисти, а някои заоблени елементи изглеждат размазани и се получава много гаден контраст между чистите и размазаните, което много ме дразни. Аз искам всичко да е кристално като сълза.

Всъщност тази ръбавина се вижда само ако елементът има цвят, който много контрастира с фона. Примерно ако фонът е бял, а елементът е черен и тогава си личат много тея оръфани краища, но ако фонът е бял, а елементът е светлосив, изобщо няма да личат, защото контрастът между тези цветове е малък... ама в дизайна, който правя в момента, съм заложил на бяло и черно...