Wednesday, November 30, 2016

print design - Drawing attention to this banner by using color


I am working on a banner for a startup to be displayed at events.


However, I am struggling with supporting colours at the moment.


The entire thing looks very dark, and I wonder if it does the job of drawing the audience in, or will it just be ignored by passers-by.


enter image description here


Any feedback on how I can alter the colour scheme to make it bright while keeping the main brand color of #191c4c? I feel like the man in the middle should be a bit brighter, but I'm not sure what alterations to make.



Answer



It is too dark. A brand color especially if its such a dark one doesn't need to be the entire piece like that.


Look at the histogram of your piece, here's an Answer of mine on Photography explaining a little: Photography.Stackexchange: Can I tell which photo has more contrast from their histograms


Historgram with no contrast



In general you want a piece to have a nice full range. And generally speaking more in the lighter areas since our eyes are drawn to light. Kind of the same reason why trade show booths often add additional lighting.


Even though the brand color is a royal blue, it doesn't need to be the entire background. Break the image up to lead the eye from section to section.


Not so much about the color but I'd also say as a whole the banner does nothing to communicate why an attendee should care about the product/service.


Without knowing anything about the product or brand its hard to make recommendations. I would probably look at just adding more to. Maybe some yellow or orange elements to add some brightness and contrast. Gradients could really help a lot as well.




To be kinda brutally honest its flat and minimal in a bad way. It looks like a piece of clipart on a colored background. Nothing was done to lead the eye from section to section or create interest.


Glance over Pinterest: Trade Show Banner. See how there's colors, shapes, text, and especially contrast. Big bold graphics and photos.


usability testing - How to design the optimal UI/UX test teaching lab?


Imagine you are training the next generation of UI designers and UX experts at a university, and the department just gave you a big pile of money to spend. How does the ideal testing lab look? (I gladly take literature recommendations, of course.)


The room(s) would be primarily intended for practical teaching, but may be used for actual research, too (both by computer science, engineering, psychology and linguistics staff). You would want to do many different kinds of user tests and experiments there. Some require a table for several people to sit around and chat, probably also a whiteboard. Others need a computer on a desk or a handheld device, all remotely monitored digitally and directly. You would even want to simulate familiar settings sometimes, e.g. a workplace, cockpit or kitchen.


I am thinking of four rooms:



  • preparation/waiting area

  • test room


  • observation/tech room

  • prop storage room


I have no good idea how big they should be, though. The test room would be accessed from the waiting area (which could also be used for group sessions and theory teaching) and there would be a one-way mirror at the sound-proof wall next to the observation room. At least two walls in the test room would be used as projection screens edge-to-edge to create immersive scenarios. Everything could be recorded automatically, of course. The waiting area might have a tea kitchen and a shower.



Answer



The anwser will be determined by what your designer will design.




Testing


If they are designing only digital support rooms do not need to be huge :


ObservationRoom_TestRoom



EDIT : as @Majo0od said, the rooms should be separated, with the user not being aware that he is watched/recorded.


If you need to test smart-objects by example, you may need more space depending on the context where the objects will be used.




Conception


For the brainstorming, you will need a big room with a table around which you can sit 8 to 10 people, a board where you can draw ideas, a big notepad on feet (don't know the name) and maybe a computer to handle video projection. The meeting room.


You may either need a room to create prototypes and PoC, with a workbench, tools and stuff, in a word : a workshop.




Facilities


You may need a room for tester to wait, eat something, talk with you (don't forget good seats and sofas)...





Space lacking


I find another schema where you can see an example if you don't have a lot of space.


3rooms_observation_evaluation_control


pricing - The difference between Close price and Settelment Price for future contracts



What is the difference between Close price and Settlement Price for future contracts?


Is there a defined rule for evaluating the settlement price or different rules are applied for each instrument/exchange?


For example the CME Emini S&P500(ES) or ICE Russell 2000(TF).




When should you start autocompleting a search in autocomplete search field?


We're implementing an Autocomplete search field on a website we're working on. However the question arises:



At what point should you start showing the autocomplete results?


mockup


download bmml source – Wireframes created with Balsamiq Mockups


There are a few options that we have:



  1. Start showing results immediately when the user starts typing (could get in the way if people are typing accidently, plus there's possibly a server hit to do so here)

  2. Wait until two characters have been entered so that you can then be more confident that people are typing in this field intentionally (risks not returning autocomplete answers for two-digit queries such as C#)

  3. Add a delay of x ms before returning results (if so, what is the ideal delay?)


Is there an ideal way of doing this? I'm concerned that flashing up results too quickly will annoy people (just as with hoverover menus and the like), but not presenting the results quickly enough negates the purpose of having autocomplete in the first place.




Answer



Perhaps a hybrid approach would make sense. What I'm thinking would be to link the delay to the number of characters already entered, with a longer delay for fewer characters.


If a user has only typed 'K', they're probably going to type a lot more, so an instant suggestion would return more results (less likely to have their target at the top), risk more flickering (as they keep typing), and increase server hits (since they're likelier to keep typing regardless. If that's all they're going to type, they'll pause and the autocomplete they might already be expecting would kick in.


By the time they've typed 'Kittens on Skat', the reverse of all of the above is true, so a shorter-to-zero delay would be more appropriate.


vector - My sketch exports seem to be pixelated even when am exporting it to 1x


I have noticed that my exports are not as sharp as they look in the Artboard. To give an example am trying to export the Google Play Badge from this dribble file: https://dribbble.com/shots/1849549-Free-Vector-App-Store-Badges


But the text seems to be blurry.


The exported badge is blurry





Generating isometric grids in Illustrator CC


How does one generate accurate isometric grids in Illustrator CC?




adobe photoshop - How to slightly rotate my photography images with a little twist of 3d perspective?



How could I slightly rotate a photography thumbnail like this? (e.g. first web videogamer.com):


enter image description here


How and how much should I rotate the photography to change the perspective in a slightly 3D way? Is there a tutorial I could follow to make it correctly, so it looks nice and not "As-I-think"? I will appreciate it, thanks.




Tuesday, November 29, 2016

Deriving spot rates from treasury yield curve


I've been experimenting with bond pricing using easily available data (treasury auction prices and treasury yield curves on treasury direct).



At first I assumed that I could use the components yield curve to price any (risk free) series of cash flows, but that doesn't work because the curve is of the yield-to-maturity of instruments with multiple payments over time, not spot rates for cash on a date.


I feel like I should be able to approximate the spot rate curve from the treasury curve, but I'm not sure how. I feel like I need more than just the yield-to-maturity - wouldn't I also need the coupon rate for an instrument? Otherwise the equation


$$ PV_{\text{payments discounted with IRR}} = PV_\text{payments discounted at spot rates} $$ $$ par*df_{IRR}+\sum_{c=coupons}c*df_{IRR} = par*df_{spot}(t_{par})+\sum_{c = coupons}c*df_{spot}(t_c) $$


has too many unknowns.


Is there published coupon rates that go along with the treasury yield curve? Am I missing something fundamental here? Am I just working with the wrong data-set?


I don't have any formal background in finance, so if the answer is "read book $x" then that is okay with me.



Answer



First step is to decide what instruments you want to include in your process for estimating the spot curve.


You want to look at the following instruments for inclusion - treasury coupon strips, on-the-run treasury issues, and some off-the-run treasury issues (those not trading at liquidity discounts), or all treasury coupon securities and bills.


You want to ensure your selected instruments are not biased by credit risk, embedded options, pricing errors, or liquidity as noted above. You might want to filter securities that are on "special" (i.e. trading at a lower yield than their true yield in the repo market.)





  1. If you select only Treasury coupon strips, then the process is simple since the yields on the coupon strips are by definition spot rates.




  2. If you select on-the-run Treasury issues with or without off-the-run Treasury issues then you use the bootstrap approach. Given the par yield curve, linear interpolation is used to fill in gaps for missing maturities. Bootstrapping is then used to construct the theoretical spot yield curve. Bootstrapping is a technique that repetitively applies a no-arbitrage implied forward rate equation to yields on the estimated Treasury par yield curve. This post on bootstrapping does a nice job illustrating several of these concepts.




  3. If you select all Treasury coupon securities and bills, then you must use techniques more complex than bootstrapping. See Vasicek and Fong, "Term Structure Modelling Using Exponential Splines", Journal of Finance, (May 1982).





Frank Fabozzi's Handbook of Fixed Income Securities can help you understand the other methods as well.


naming - On copyright laws and plots


I was pondering a lot on the issue with copyrights on plots. Is having an identical plot infringing someone else's copyrighted work?


I am fully aware that the character names are copyrighted and cannot be copied. I am also fully aware that the representation of the idea (the words themselves, in substantial amounts) are copyrighted.



But what I'm curious about is the play, the plot points, the storyline, in other words, the idea behind which the words convey.


Let's assume I hold the copyrights of the Harry Potter books.




  1. If someone took all the pages of a Harry Potter book and rewrote each of them in his own words (when I say in his own words, I mean no simple task of rewriting. Paragraphs are removed, changed, added, dialogues changed, added, removed, even the chapters are different, the entire expression is different beyond recognition), plus he had renamed all the characters (e.g. Harry Potter to Gary Potter and so on). Although the entire expression of the idea is beyond different, the entire idea is identical. could I charge him for infringement by the copyright law? Could he publish his plagiarised work and claim copyrights for it?




  2. I see that the Harry Potter movies do not use words copyrighted by the Harry Potter book (spoken words, or written words which are shown on screen). Does it mean that if the movie were to rename all its characters (while having exactly the same plot), it is fully original by the copyright law, and the publishers (or movie makers etc) do not have to pay a single cent to me (the copyright holder of the Harry Potter books)?





Now let's take another example, this time on the web.




  1. If someone rewrote every single post in my blog in his own words and publish it, could I charge him for infringement by the copyright law? Could he publish his plagiarised work and claim copyrights for it?




  2. If someone rewrote all the content of my website (keep in mind that I'm not talking about programming code/design of the webpage) in his own words and publish it, could I charge him for infringement by the copyright law? Could he publish his plagiarised work and claim copyrights for it?





Answer




Technically you cannot copyright a plot. However, you can copyright a particular instance of that plot as long as it is not based on an older work in the public domain.


In your Harry Potter example if every chapter had exactly the same incidents and more or less the same dialogue with slightly altered character names you would probably lose in court trying to insist that yours is not just a rip-off. It's an area where the discretion of the court would come into play and you would probably be on the losing end of that discretion.


If, on the other hand, you wrote a story about a guy called Peter Thompson who, it turned out, was the son of the Greek god Mercury and went to "hero school" where it turned out there was some underlying plot to overthrow Zeus and incite war on Olympus and only Peter had the power to stop the plot with help from his two friends, a male and a female, on a jaunty magic schoolboy type quest JK Rowling's lawyers couldn't touch you.


Unfortunately Rick Riordan's lawyers would nail you to the wall for ripping off his "Percy Jackson" series.


However JK Rowling can't sue Riordan for his thinly disguised Potter rip-off. He's made Jackson sufficiently different that he's safe from the courts of civil law. The court of popular opinion, however, has branded him an unoriginal hack and his stories have not impinged on the public consciousness to anywhere near the degree of the Harry Potter series.


So, basically it's a matter of degree, and there are more ways for your work to be a failure than to be deemed infringing intellectual property in a court of law. On the other hand Riordan's ploy did get him a publisher... make of that what you will.


EDIT:


On your second point. In the electronic arena it matters whether the blog or website presented a work of fiction in which case, see above, or if what it produced was considered "news". In the latter case, well, just look at daily newspapers, they are all in the business of writing up the same source material in their own words. They call it bias. So if what you have on your website is "news" or "information" then it can be copied by someone else in their own words without issue. See also textbooks for examples of the same information rendered by different people in different words. If the work is creative, imaginative and "original" (such that it is not based on information in the public domain) then the rules apply as above.


Finally, to clarify one point I've now made twice. If you decide to write your own version of Snow White someone else may also write theirs with the same sequence of events and even the same character names as long as they don't steal any original elements that you added to the story (like Red Riding Hood's utility belt and addition of her sidekick "Sparrow" the girl wonder). Even then it gets a bit complicated and nothing is certain no matter what Disney's legal team will tell you.


And while I was writing that paragraph I remembered one other thing. Technically if what you have written is deemed "satire" in some areas that gives it special protection under "freedom of speech" a court ruling once set a precedent that zombies were a satirical device therefore adding zombies to anything instantly protects it as satire. This is, of course, a broad interpretation but it does serve as an example that all I have written is suspect and you never can be sure.



SECOND EDIT: And on your point about a movie that was very similar but sufficiently different not to occasion a lawsuit see National Treasure. The story goes that Disney wanted to buy the rights to The Da Vinci Code and lost the bid, so they made National Treasure. As you may note National Treasure is so sufficiently different from TDVC that it exists now as a thing in its own right having features not shared by the original work (e.g. IMO "fun"). Therein lies the problem in such a ploy. People who love "Lord of the Rings" want to see "Lord of the Rings" they don't want to see "Halfling and Elfboy's Bogus Questathon", so essentially by making your product sufficiently different you have also ensured it will have its own audience leaving the audience for the original pristine and unsullied.


Monday, November 28, 2016

Can I use the Google font 'Lato' for a logo design?



I am creating a logo and would like to use the Google Font 'Lato', can I use this font in my logo design or are there copyright/limitations I need to worry about? I can't find anything online other than that it is an open source font that can be used in anyway you want (maybe that's my answer but I just want to make sure). Also, is it a bad idea to use a web-based font for a logo?




UI design for ordering items in list


What component/UI design would you use for ordering items in a list (a table with move up/down buttons)?




animation - Why do progress bars animate backwards?


Gmail's new loading bar drew my attention to this today:


Gmail loading bar



The colored pattern inside the bar animates from right to left.


The Mac OS progress bars do the same:


Mac OS progress bar


Is there a reason for this? If I was asked to animate a progress bar I'd automatically do it the other way, so I'm assuming it must have been a conscious decision.


Update


I recently read an article that included other ways of making a progress bar appear faster to users:





  1. Increase the Number of Pulsations - “The progress bar with increasing pulsation was more likely to be perceived as having a shorter duration”





  2. Accelerate the Progress and Avoid Pauses at the End - Progress bars “with the fastest progress occurring near the end of the process” were perceived faster than progress bars “with pauses near the process conclusion”






Answer



Studies have shown it looks faster and in UX perception is everything ;)


A study (PDF)[1] demonstrates that animations can increase the perceived speed of a download by up to 11% over a bar that is not animated. Having a reverse-animated background as in the Gmail loading bar, or having the background pulse faster as the bar nears completion, both create this effect. There is a video demonstrating the animations and summarizing the article.




[1] Harrison, C., Yeo, Z., & Hudson, S.E. (2010). Faster progress bars: Manipulating perceived duration with visual augmentation. Proceedings of Computer-Human Interaction.



usability - What is a Modal Dialog Window?


What exactly is a modal dialog window and when should you use it? Are there certain cases where you should refrain from using one?



Answer



A modal dialog is a window that forces the user to interact with it before they can go back to using the parent application. A great example of this would be a prompt for saving, or the "open file" dialog.


enter image description here


They are often used when a user is forced to make an important decision. Say you were working on a document in Microsoft Word, and you chose to exit Word before saving. A modal dialog would pop up and ask you to either Save, Don't Save, or Cancel. Until you make your decision you cannot use the application, and it will not close.


Sunday, November 27, 2016

rhythm - What are some techniques used to increase the melodicality of a lyric?


Is there any trick, rule, principle for increasing the melodicality of a lyric?


I want to write a lyric, but I don't really have a melody in mind and wish to just write a lyric that can fit a lot of different melodies? Is there a way to insure that?



Answer



Lyrics are essentially a specialized form of poetry, and usually have a regular rhyme scheme. The trickiest part IS the rhythm. You really need to have a musician's sense of rhythm to be a great lyricist. If the rhythm is too regular, your lyrics will be "sing-songy" and trite or monotonous sounding. But without rhythm, they will be awkward to sing. You might try writing along to a beat to see if that helps. I would also highly recommend reading the lyrics of great lyricists as if they were poetry, and seeing if you can get the feel. Oscar Hammerstein, Paul Simon, Stevie Wonder, Dolly Parton, Tupac Shakur, James Mercer and Frank Ocean are just a few of my own favorites (in contrasting styles and genres).


The other thing to look out for is overall song structure. The most common song structure is verse, chorus, bridge. In this structure, the verse is usually longer, and more complex, both rhythmically and thematically. There are usually between two and four different verses, and each one should have roughly the same rhythm and rhyme scheme (because it will be sung to the same melody each time). The chorus is usually much simpler (because everyone sings along here), and contains the main theme (and usually the title) of the song. Generally there is only one chorus, which is repeated several times. The bridge is a (usually short) portion that contrasts to the other sections, and usually only comes in once. Not every song has all those parts, but they have been relatively standard over a long range of time, and across genres.


I would actually recommend NOT trying to write lyrics that will fit generic melodies. The best lyrics inspire their own unique melodies. All-purpose lyrics make for generic songs. On the other hand, your lyrics can be quite short and simple (and even repetitive) --sometimes that makes for the most powerful songs.


copyright - Can I use an old painting of Lilith as my book cover?


I'm working on a book of poetry, and I want to use John Collier's (1892) painting of Lilith as the cover. I won't be selling the book though; giving it away for free. Can I legally use the painting as the cover?




history - What design and art concepts were art students/professionals discussing in the 70s?


I'm wondering: If you were [conditional, I'm not asking for people who were actually there] an art (or printing, or advertisement, I'm not sure what the title would have been back then) student or professional in the 70s, what would you be talking about with with your classmates/colleagues?


I don't mean what would you be studying at class, but what would you consider revolutionary (and maybe a little subversive) subjects at the time? What were the trends, the new ideas people were talking about?


Could be students from America or Europe. I'm actually thinking about latinamerican universities, but I realize that might be too specific. And they must have been talking about the same things, I guess.


I know, for example, that social science students were discussing Levi-Strauss, a lot. Which was forbidden in some latinamerican countries, because it was considered 'dangerous'. I imagine maybe art students were talking about... postmodernism? Feminism? I don't really know and would appreciate your help.



Answer



I am no expert, and I was not a student in the seventies, but I do remember some of the political upheavals, social and cultural currents and events.


Design is informed, develop in tandem with, or as a reaction against, politics and the happenings in society in general.


Yes, there was definitely a good deal of sixties hippy aesthetics around in the seventies; it had by that time become more accepted and more mainstream. The psychedelic elements not so "dangerous" and subversive anymore, the "peace and love" of civil disobedience and non-violent protest, with their organic flower-multicoloured aesthetics would "have to go": inevitable the political pendulum swings.



Sixties. Hippy-dippy:


enter image description here


There was experimenting with printing techniques in the sixties, and you will find the madness of pouring several colours into the same colour well in offset printing presses. The eventual result is that the whole thing turns brownish, but you can print a good deal before the colours mix, and you will get a bunch of posters that are all slightly different. I.e.: there would be no raster. I can find no example, but imagine that you put several colour in this:




Edit: I found the picture I was looking for: enter image description here


Sixties. Would you buy this lipstick?

enter image description here


Though made in 1967, Milton Glasers Bob Dylan album design shows a tight visual language. My point is that the "hippy-like" hair is not in wild hippy colours. They are muted. The font and silhouette speaks of a minimalist contrast.


enter image description here



There is a large difference between what you might call corporate design and undercurrents rooted in some kind of bottom-up visual languages. If you search for "1970 design" you will get a lot of - what was seen by many as - high-brow visual effects, designs for companies and new, wonderful technology. There are still a good deal of colours but not much of the organic flowery-thing. It is moving towards more simple, graphic elements. Compare business design with LP covers, concert posters, "grassroot" cultural events etc., there is a large gap.


Seventies. Would you buy this?


enter image description here


And of course, there is the controversial art of Andy Warhol, who "shamelessly" commercialised art. I guess you could call him the master of flat design :D.


Here, Liza Minelli:


enter image description here


The 1968 social unrest and conflict was a violent reaction to what was seen as military, capitalist, and bureaucratic elites. Many governments answered with an escalation of political repression and physical violence. Peaceful protest did not go anywhere. Man in the street, anti-establishment. Cold war, real war, revolutions, the fall of the British empire, Mao died. The world was big, cold, dangerous and confusing. Robots, science fiction, space exploration, star wars, dystopias, genetic manipulation; the world was becoming alien. The hope that the world could be better than it was, faltered.


Enter punk


Anyone could create anything. Anyone could create music. The technology then was making it easier for more people to dabble in art, music, design. The classic example of this is of course Sex Pistols. It was messy, it was do-it-yourself, it was loud (in all senses of the word). They took revered symbols and dissected them: the queen, the flag, religion, politicians. The grid was truly out the window, rules and consistency were for sissies. If you were tone-deaf, that would be a plus as a singer. The Clash was criticised as being too "melodic", not "genuine" punk. Upper class.


enter image description here



enter image description here


And here a play on Andy Warhols portrait of Marilyn Monroe:


enter image description here


The feminism movement in the 70ties took elements from punk; it was the visual language of protest. It was focused around the female body, the right to sexual freedom, equal pay and solidarity with women all around the globe.


enter image description here


Solidarity with Vietnamese women during the Vietnam war:


enter image description here


Being a student in the 1970ties, I would think there would be a pretty large gap and trench-war between the punk and "good taste." The post-modernist (term I despise) and analytical deconstruction clashed with "street" aesthetics. Other elements would be the "machine" aesthetics, the graphic art and music from David Bowie and Pink Floyd would be examples. Guess you could call it machine surrealism (as opposed to hippy organic surrealism), human-machine and the reinvention of our identity to what we are and what we create (i.e. technology).


It is worth noting that the punk movement was of course opposed to commercialism. As those that are part of punk grow older and we can sell them things, "their" language gets taken up by more mainstream commercialism, albeit in a milder version. Which is the case in many instances.


Not sure if I actually answered your question, but it was an attempt to put it into a historical context.



(next up would be the eighties and the crazy economic boom. But enough now.)


gradient - Screen printing watercolors


artwork sample


Is it possible to screen print this logo on a colored t-shirt? The screen printer I am working with says we can do gradients on a colored shirt but it won't print consistently or well. She advises changing the 4 colors to solid and screen printing that on a white background (the white cross is negative space).




How does Yahoo finance calculate Beta?



I am trying to replicate the beta value that yahoo calculates but I am getting different results. According to Yahoo, its beta is calculated using 5 year returns against the SP500: yahoo beta


I assume that daily values are used though it is not stated. I downloaded historical prices for MSFT from Dec 2009 to Dec 2014 and replicated this calculation, using beta = cov(MSFT, SP500)/var(SP500). I obtain a result of about 0.89 whereas Yahoo quotes a beta of 0.69. Using a 3 year horizon, I am getting 0.96 which is very close to the Beta quoted by Google (0.98). So, I think Google uses something like a 3 year horizon (though I don't know the exact dates) but Yahoo is completely off. Does anyone knows how it is calculated?




Saturday, November 26, 2016

android - Back vs close icon in Material Design


Some Material Design apps use the "close" icon instead of the more common "back" icon in the toolbar, for example:


enter image description here


(From https://stackoverflow.com/questions/27125340/material-close-button-in-toolbar-instead-of-back)


Are there any guidelines on this? Or is the best aproach to choose what feels most appropriate?



Answer



Oh, I'm sorry to give you this standard answer on UX.SE, but really it depends.



It depends on whether or not you're closing the page or moving back from the page. It depends on whether or not you're closing the product, because you don't need/want it or moving away from it.


Personally, a closing icon is related to delete and destroy, and that's not what you're doing in this case. You are moving from one page to another either back or forward, which make me feel that arrows are better than X:s. X terminates and arrows navigate.


So if you are navigating - use arrows. If you're deleting, use X.


software recommendation - What are Aseprite's strong points over Photoshop for creating static pixel art?


I'm in doubt of buying Aseprite for my pixeling needs, but I'm not very eager to have to learn using a new piece of software. Currently, I'm using Photoshop for pixeling, and my workflow in there is pretty okay, also because I have very good control of that software. I'm not missing many features. Especially since my pixel art is static (as in: no animations) and I foresee it staying that way.


What are the main advantages of Aseprite over Photoshop? What features does this software offer that Photoshop lacks and that I, as an aspiring-professional pixel artist need?



Answer



I'm doing pixel art as a hobby, and I've been very happy with Aseprite. Photoshop is the all-round image editor, but for pixel art I prefer to use Aseprite for the following reasons (among others):


The interface




The interface is pixel art in itself. At first it feels a bit chunky compared to Photoshop, but it's easy to get used to and after a while it just feels like the proper setting for doing pixel art.


Many of the shortcuts are similar to Photoshop, but not all. It takes a little while to get used to. Not because it's harder or less intuitive, but simply because it's a bit different. It's not at all hard to learn. There are lots of tool tips and shortcuts are shown everywhere.


No anti-aliasing


A really nice feature is the absence of anti-aliasing. Every shape you draw, every selection you make, every sprite you scale is crisp by default. This doesn't mean that alpha transparency isn't supported, but you are forced to use it deliberately.


Pixel-perfect drawing


When drawing you can turn on "Pixel-perfect" mode to avoid getting ugly 90 degree corners.



Fixed palettes


Working with a fixed palette (indexed colors) is much easier than in Photoshop. The palette is always visible and it's easy to adjust/add/delete/sort/map colors while working. Palettes can of course be saved and used in other documents.



Timeline


The timeline is way better for pixel animations than the one in Photoshop. But it can also be used for other things. You can use frames to switch between alternate versions of the same sprite. If you are creating a set of images at the same size (for example a deck of tarot cards 😊) you can repeat the background layers over multiple frames while having other layers that are unique.



In the end you can either export the frames as single files or export a sprite sheet with all the frames. The sprite sheet exporter gives you the possibility to customize which layers to export, how many rows and columns you want, spacing and more.


Tiled Mode


There is a built-in mode for creating tiled patterns.



Symmetry


You can easily turn on horizontal and vertical symmetry axes and move them around


Reference layers



It's possible to create reference layers with images in higher resolution then the actual document. This is nifty when you want to turn an image into pixel art.


Shading


You can define how the colors of your palette are shades of other colors, so you can easily draw shades on your indexed artwork.



Photoshop vector smart object opening in Preview instead of Illustrator?


In Photoshop CC (version 19) on the Mac, I have a smart object vector graphic layer. Double-clicking the layer to edit the vector graphic, opens it in Preview (Mac) because, presumably, it thinks it's a PDF (it opens with the .pdf extension).



I'd rather the vector object open in Illustrator so that I can work with it. Can I change the default applications that Photoshop hands the file off to? (One would think that Photoshop would prioritize other Adobe applications instead of the system defaults… but, I guess not.)



Answer



You can place a PDF in Photoshop as a smart object.


If the original was placed, as a PDF, and the OS is set to open PDF files in Preview.. there's the reason. The Smart Object won't change the original data (that's the entire point of Smart Objects). If you place as an .eps, the Smart Object will open as an .eps. I've never seen a placed .eps or .ai file open as a .pdf from double clicking a Photoshop Smart Object. For example, double-clicking a .pdf placed Smart Object on my system will open the embedded .pdf in Acrobat for me. But I don't use Preview for, well, anything if it can be avoided. I dislike Preview and it's drawing bugs.


You may need to, at least briefly, set the OS to open PDFs or EPS files in Acrobat/Reader/Illustrator rather than Preview to circumvent them opening in Preview. Seems, from comments here, that Preview does some file suffix voodoo as well which may be undesirable.


Another option would be to right-click/control-click the Smart Object Layer and choose Export Contents. This will allow you save the .pdf contents as a .pdf file which you can then drag to Illustrator to open and then subsequently replace the .pdf Smart Object with an Illustrator Smart Object. If the original contents are indeed an .eps, that should allow you to save them as an .eps as well.


How to practice a graphic design software?



This question is a follow-up of should I look into different graphic design softwares


I am starting to use Inkscape now, like many have suggested in that post.


How do I practice it?


I mean in GIMP I just started designing right away and learned along the way, But still I feel like I don't use ALL the features of GIMP properly, I was hoping to avoid the same situation in Inkscape. Is there anyway to practice properly like first practice drawing all the geometrical shapes, then shading... like that? Thanks.




facebook - Purposefully obscure user interface design to encourage behaviours


Installing Windows 8 makes it seem that it is mandatory to create a Microsoft account, however the option to install without one is there, albeit wilfully buried.


Logging out of the Windows Phone Tumblr app involves tapping 'Manage', then a little '...' icon down at the bottom instead of having an option easily accessible from the main view.


In a similar way I get the distinct impression that Google, Facebook and all the others subtly engineer the UI to make it, shall we say, non-obvious that logging out is an option because they want you connected to the mothership at all times.


Am I being paranoid or is this a recognised thing in UI design?



Answer




These are called 'Dark patterns' and these can be used in many different ways to influence users behaviour.


Social networks as you mentioned put the logout button in a separate menu, Facebook in particular hide the 'deactivate' option very deeply in a settings structure. Some people also believe that you can never delete your Facebook account, when in actual fact you can:


Image of Facebook delete your account


Retailers use dark patterns, for example, as a default adding an extended warranty into your basket and making the user delete it if they do not want it. This is indeed clever as it actually gets the customer to think about the extra item rather than immediately dismiss it.


There is a fantastic article here which goes over some examples of dark patterns in various situations:


Using dark patterns for good


Downsell opportunities This is something we see fairly often as well and that is 'down selling' the retailer starts at a higher price point and then works down until the customer decides to purchase, this is present on website as preselecting a higher priced item.


EDIT


Just noticed as well Facebook have added a new feature in their account deactivation screen - giving the user the option to automatically activate their account in x days. A clever way to get users to come back to the site a bit quicker.


Activate in x days



copyright - How to attribute, give credit to creative commons/copyleft/public domain content for web/print?


Edit:


To be extremely succinct:


How to credit imagery used on a business card or ballpoint pen?






Inspired by this question, I started to think:


How do you attribute and give credit, when you use images and resources that are Creative Commons, copyleft; are in the public domain or have variation of "free" licensing?


(Some of the answers to the above questions grazes that question but it is not really the main issue in that question).


How do you attribute - say -:




  • a background tiled image for web?

  • a background tiled image for print?


(the point here being tiny-weeny images)



  • an icon set web?

  • an icon set print?

  • To make it more fiddly: tiny images you might use for t-shirts, printed objects such as ballpoint pens, t-shirts, keyrings, letterheads?



For web; there seems to be divided between those who think that in the source code is fine and those who do not. For web you could make a link somewhere discreet that says "credits". This does not really work for print. If you enthusiastically stand on the shoulders of giants, and use what is legally yours to use, your printed leaflet would be bogged down in 6point text attributions.


(Yes, there are differences between countries; I am asking on a general note.)




Edit: I could add GNU licenses, but that is usually pretty straightforward, as it is mainly concerned with software, code, programming snippets, digital programmable objects etc.

Answer



For a business card, my recommendation would be



  • Use a URL-shortening service to create a short url for the webpage that is hosting the original graphic with full attribution.

  • Use small print on the card to give the short url with the credit.


Example:

Sample business card with fine-print attribution link


If you have room, you might want to include the creator's name as well as the link. You also might want to include the creative commons logo or CC-BY shorthand. It only adds a few characters and checks off another requirement of the licence.


More verbose example:
Sample business card with more complete fine-print attribution


As others have said, if you're not willing to put minimum credit on the printed product, don't use CC-BY content.


For an extra tiny printed product, like a pen, it of course gets extra tricky to find room for a credit line. If the pen includes the URL of your client's website, and that website uses the same logo with clear and complete attribution and copyright information, I would probably consider that acceptable.


That said, it is a waffle zone. The example above on its own certainly doesn't meet the full requirements of "attribution" spelled out by the CC-BY licence. However, the CC licences specify that attribution should be "reasonable to the means, medium, and context of use", and so when space is at a premium a link to a page with the full copyright information would probably be considered reasonable. (But I'm not a copyright lawyer!)


In that way, CC is a more flexible than other licences which were drafted specifically for software and which therefore make assumptions about the medium by which something will be copied. For example, the icon above* is available as part of a public CodePen "pen", and is therefore released under the MIT software license. The MIT licence requires all "copies" to include the copyright and licensing information, with no stipulations about reasonableness to the medium.


*(which I created and therefore am free to use however I see fit, including using it here!)


What is the difference between DPI (dots per inch) and PPI (pixels per inch)?


There are lots of other questions on Graphic Design which partly cover this, e.g. What DPI should be used for what situations?.


However, I have become frustrated at the number of questions and answers which confuse the two terms. I think understanding the difference is important.


So here's a place to answer this question well and clear up the confusion!




technique - Writing discipline


In today's frenetic, fast-paced lifestyle (especially if writing is not currently your career or means of earning an income), it can be extremely difficult to "make" or find the time that can be set aside and dedicated to writing. Not only that, but in this information age, there are so many distractions ready to destroy what focus there is.


Obviously this hinges on motivation and drive, but nonetheless I have to ask: what means and methods do others use to foster and maintain discipline around their writing?



Answer



I rely on two tactics to achieve steady progress in writing (I'll answer twice for voting ease).


The first is sort of obvious - write every day. I fell into a trap at one time where I felt that if I couldn't block off at least a few hours for writing that it was better to not bother. As a result, I would sometimes go for weeks without writing (that doesn't make editors too happy).


Eventually, I forced myself to write every day - even if I knew I could only write for 15-30 minutes (which almost always expanded into longer chunks of time). Now, when I have writing projects, I make sure I write every day - even if it's just edits or a sentence or two. For me, a lot of writing happens somewhere in the back of my mind when I'm away from a keyboard, and writing every day keeps those ideas moving.


Friday, November 25, 2016

critique - New "professional" branding perceived as "dull"


I manage an open-source project (Rubberduck, an add-in for the VBA editor), and up until the latest release this was the splash form:


v2.1.2 splash


Since 2015 the branding more or less revolved around swirling VBA code and that rubber ducky stock image, with the "RUBBERDUCK" lettering in a signature Showcard Gothic font I'm using everywhere since the very beginning of the project, and that I'm not mentally prepared to let go of.


Long story short, last night I released version 2.2 with a new splash form based on the 2018 branding, a much more sober design that I was hoping would come across as more professional. The stock ducky is replaced by a "shadow ducky", a slightly blurred SVG version of the duck:


v2.2.0 splash


The design is based on the 2018 community ad material that's actually doing quite well on Code Review SE, but since the project originated on that site and I've been a moderator there since 2015 it's possible that that's a skewed perception of a decent design.



I ran a quick poll on Twitter (it's up all week), and so far the results (okay, only 7 votes so far) indicate that the new splash form is being perceived as "rather dull" (57%), as opposed to "more professional" (43%) - I'm not taking Twitter polls as scientific or accurate measurement in any way, but the fact that half of the feedback so far deem the new splash "rather dull" is somewhat worrying me.


I'm not a graphic artist, but it's one of the many hats I have to wear as part of this project, so I'm looking for feedback from this community, to hopefully identify how the new design/branding could be improved to reduce the "dullness" and enhance the "professionalism".


What I'm trying to convey, is that the tool is targeting professionals and that it sees through its users' code, with a design that doesn't feel as cluttered/playful as the original one, i.e. a concept that's epurated yet doesn't come across as "dull" or boring (I was hoping the signature Showcard Gothic font would be helping with that).


I need your help to understand where & how the new design might be failing to convey its message, and what I can change to help it not being perceived as "dull"; I'd also appreciate to know whether I'm violating any design principles I'm not aware of: perhaps I'm not seeing a flagrant contrast issue, or I'm using a bad font that's too small (Gill Sans MT), or there's something that's unbalanced in the layout (lettering placement vs. ducky, status label positioning, etc.) - one fellow contributor is pointing out that the blurring isn't helping and that a sharper ducky would come across as less amateur-ish, ... I'm sure all of these are objectively quantifiable by design professionals.


If it's any useful information, the splash screen is displayed for approximately 3 seconds at startup, when the Visual Basic Editor loads its add-ins.



Answer



I think the perception of dullness is largely attributed to the lack of color in the new splash screen. I like your approach of epuration (I learned that word today), so my suggestion would be to just add back in some color.


It's hard to design a logo that conveys "professionalism" if you're going to stick with Showcard Gothic, so personally I would just embrace the playfulness of the typeface and add in some yellow and blue to the logo. Here's my quick shot at it:


Rubberduck Splash Screen


I also wouldn't leave the background plain white, a subtle texture can go a long way. I opted to incorporate swirls as a nod to the original "swirling code", but it could be any sort of subtle texture or even a soft gradient.





Ducky silhouette courtesy of Anthony via pexels.com


conventions - Standard notation for describing UI


Is there a somewhat standard (commonly used) notation that allows to specify key information right on the mockup like:



  • font, size, boldness

  • color

  • something being centered or left/right aligned

  • same distance



etc..


The goal is: to come up with a commonly appreciated notation that could be used by a designer who doesn't know CSS to convey the details about his design to a CSS coder.


This is what I made up to illustrate what I am talking about


enter image description here




business - How to manage working for friends or family


I'd like to see peoples opinions and methods for managing jobs for family or friends.


Just to clarify, I mean singular freelance jobs. Actual employment would be something different altogether in my opinion.


In general i don't like doing it at all, but I end up doing it a lot. I have a few rules that I (intend to and should.. but don't always) follow:




  1. Treat all jobs as I would any other job. This includes, but not limited to, briefs, pricing (with exception of rule 2.), deadlines, contracts.





  2. If I agree to do the job for free (very rare) or at a discounted price, then the job essentially goes to the bottom of the pile, and stays there. i.e any newer jobs take precedence.




  3. Barter. If I get requests for free or discounted work I will say "this would normally cost X and take Y amount of time, I will do it in Y amount of time for X worth of your service" and work a deal from there. For example, I have done jobs for my friends take away restaurant in exchange for free food for a number of months, which in retail value was worth more than I would have normally charged.




  4. Keep business and friendship separate. For instance, don't discuss the job on a night out. Plan a meeting like you would any other client. Discussing it over a drink isn't totally out of the question, but if you are doing that, get all the business out of the way first then socialise.




Even with (mostly) sticking to these rules, these jobs always end up causing me problems. All the standard bad-client scenarios (non-payment, project expectations changing, vague or non-existent briefs leading to me 'getting it wrong') seem to be multiplied threefold. The worst case scenario in dealing with difficult clients is normally losing a client.. If you're dealing with a difficult client who is also your friend, there is a lot more on the line.



I don't mind doing the odd job for cheap, but this sets a precedent and people will expect the same again, and again. Obviously that isn't feasible and leads to people undervaluing the work, especially if people have never worked with a professional designer. If I do work for cheap, or come to some kind of arrangement, they think this is the norm and think I'm trying to 'rip them off' if I then in the future tell them they will have to pay full price.


I'd love to know other people's methods of dealing with this, and any tips to stop these jobs giving me such a headache! (and maybe just some assurance I'm not alone in dealing with these problems).



Answer



There isn't much more to add to your questions; you pretty much covered every single issue that arise when working with friends and family. And maybe the conclusion is: When you'll do, expect to be a "giver" and deal with it or find a way to politely refuse or make it your rule to never mix those up together.




When you do work, there's 4 currencies that you often get offered:


Currencies are what's being exchanged for your services and why you do work for someone. You may get more than one for each project and some people can only offer you 1-2 of them, not always the ones you need/want.



  1. Money

  2. Fun


  3. Exchange of skills

  4. Guilt


People often have hard time separating emotions from business, that's probably why the friend/family business relationships are always very hard to deal with. And unlike working with a partner who has the same goals and self-interest as you, you can't really "educate" your friends/family because it will affect other parts of the personal relationship; they have their own self-interest. So in a way, refusing to work for friends and family is respectful of that relationship; you choose what is your priority. You can use that reason to refuse work, they should respect your choice; if they don't there's nothing you can do about it, it's a matter of maturity. In friendship and family projects, I think the main payment you should get is "fun" (ideally money too) or at least you need to learn something from the work you did. If they add guilt (or you feel guilt) to the recipe then it's not fun anymore. See why you feel this way, it could also come from your conditioning or perceptions. Doing a business project with a friend/family member is a bit like becoming his/her roomate and that can be a way for you to think about all this by using this example as a reference for your thought process. Some people may be great when it's time to laugh, go shopping and travel, but they'd make terrible roomates. So if you have difficulties refusing a project, you can use the roomate example to see how you could tell a friend you both won't be a good fit without hurting his/her feelings.


With clients it's easy because the emotions are often expressed in what I call "money-love"; they're happy, they pay you, on time and hire you over and over again or refer you. With friends and family, that money-love concept isn't present; they want to mix the "love/guilt" currency as a coupon card, and that's not always fair because... well... you also need a certain fixed portion of money-love in your life to survive as anyone else. Already you know how many family/friends projects you can allow in your life by accepting the fact that the portion of money cannot be traded totally for love, exchange of skills or fun. That's something that's also easy to explain to people.


One extra rule I have in business is if someone uses the "emotion language", that's manipulation and that means I'm not given entirely the freedom to choose; these people put a weight already in the scale and influence your decision in an unfair way. That's like being salesy using emotions. For example, people using guilt on you or all sort of clichés they saw in the movies or read in self-help books (eg. BFF, "when you start a business, your family is your first network", "If you don't help me, I'll fail", or "if you don't help me, I can't achieve my dream", or worse "I have health issue", etc.) Make sure you identify when this happens and take a few steps back to take the time to think about the "offer." Lot of time, there isn't much for you in this and working because of guilt is the worst kind of currency you can get. The only suggestion I can give you on how to answer to these kinds of requests is to read about the Stoics and real businessman such as Mark Cuban (not the self-help kind of people.) In a way, for friends who use emotions and guilt, they're also unfair to themselves because that will affect their critical thinking of your work as well. You will feel fair if you refuse to work with someone and can explain them they might get more freedom if they work with someone else they can freely criticize and who will treat them entirely as clients.


The only time I've seen that kind of project work well is when working for people who had money and were already in business; they're usually respectful of your skills and time, and appreciate that you're respectful of theirs. Whenever you work with people who have no respect for this, client/friend/family, you know it's going to be a long painful ride! It's not something you can negotiate on if there's no good currencies offered to you to compensate for your time.


If you decide to exchange services, make it clear that the services needs to be exchanged at the same time and not 6 months later. You start the project when they're ready to give you back that favor, not before. Make them work for this; if they won't, then just put the project on the ice and wait. That's fair and a good way to motivate them. You'll already sort out in a passive way the friends/family who aren't really serious about their own business because this is often what happens too; they'd probably think twice if they'd pay full price with a stranger and they would never dare to ask for free stuff. You can ask people "what can you offer me?" and then you decide if this has any value to you. A lot of time when you exchange services for other future services, you'll realize that when it's your turn to get help, these people have absolutely no shame or discomfort to show you a full invoice for THEIR services. These exchanges need to be done at the same time to be fair, this way there's no frustration.



It may sound harsh but when people know how you treat your business and what kind of self-respect you got, they stop "trying" or using unfair emotional techniques to get something out of you; and the ones who are eternal takers simply move on to another victim because you're simply too much trouble for them, and not worth the effort. They have a different set of currencies and they will keep doing what works for them. The best is to make it clear you won't play that game and limit your interactions with them to watching hockey or drinking imported beers.




So the questions you should ask yourself when someone close to you ask you to do some work is:



  1. Do I have time or do I need to educate them in business?

  2. Will this create tension in the relationship, what's my priority and theirs?

  3. Will we both gain something out of this in the end?

  4. What's the currencies being traded? Is it what I want?


If you don't consider these questions, you're gambling with the good relationships you have with these people. Gambling means you can lose more than what you already have.


Sometimes it's better to refer them to another designer you trust. The only time I make an exception to this rule is when my parents need something or when I have a personal interest in a project, and selfishly gain something from it: fun, experience, network boost.



If your friends/family pay you a fair amount and behave like your ideal clients, you don't put them on the bottom pile... You treat them like clients. If they use another currency, then yes, real business goes first!


And don't forget you could be the person who is a "people pleaser" and that's something you need to work on. People might not know you get into their projects because you felt you had to or you felt guilt. It's not fair to them. If this is the situation you feel you're going through when dealing with people close to you, ask yourself why you're a people pleaser and what do you gain from this. If your gain is erasing the feeling of guilt, then ask yourself why you felt guilty in the first place, and keep going until you find the real deep reason why it affects you and controls the way you take these decisions. Keep the religious, social or family conditioning out of this thought process; they do not belong there. Then refer to the money/fun/skills life "pie" and divide that pie in a fair way for yourself and your kids/wife/husband/partner if you have any. Then share what you don't need with friends and other members of the family (eg. brothers, sisters, cousins, aunts, etc.) If you can't divide that "pie" fairly for yourself and your own family, don't forget that this "bad generosity" can also make you a burden to them one day! It's totally fair and reasonable to put yourself first without being an a*******, and it's vital.


psychology - Is user centered design only about hygiene factors?


There is one thing that bothers me about UX-design. One of the shortcomings of a user centered design approach, is that it only focuses on existing needs and not on new revolutionary ideas. For example, I don't believe that someone expressed the need of checkins to Foursquare or the whole theory of gamification, yet they managed to develop a highly successful digital product. (With a easy to understand interface of course.)


I've looked at a lot of research methods and they all seem to only focus on fixing bad but existing experiences such as identifying what tasks a site visitor wants to accomplish. By only focusing on task completion we only solve the hygiene factors.


The question is am I wrong? If so. please enlighten me.



Answer




Goals and vision are the question. User experience is the answer.


User experience is not just about what users need. It's about meeting the product owner's goals or vision, while taking user needs into consideration. These goals or vision might be revolutionary or conservative. In addition, if you research both the owner requirements and the users' needs well enough, you might find opportunities for innovation no one has ever thought of.


Regarding the case of Foursquare. Foursquare is actually a "sequel" venture of its co-founder Dennis Crowley. Crowley sold his first project - Dodgeball - to Google. This was a social platform for checking into bars and other venues and finding other friends nearby. This is not something discovered in user research, since this is not an actual "need". No one's missing it until they start using it. Once such a thing exists, even as a sketch or a prototype, you can start investigating into improving the experience. This can be done by either interviewing potential users on how they meet-up with friends currently and figuring out what such a service can help with, or by letting users use an early version and see how they react.


At Foursquare, they improved users engagement (ie. the rate and longevity of use) by introducing gamification elements. Indeed, many people didn't see a point in just checking in places. This means that they had a business problem - how can they attract users to re-visit more often - and they used user experience to solve it. With PBL (points, badges and leader boards), Foursquare became more attractive for the first users, who didn't have any friends logged in, by tapping into their psychological need for competition and achievement. This might not be a very innovative solution, but it created a unique service that millions enjoy.


adobe photoshop - How to design 3D logos like this?


How and where - (in what application Photoshop, Corel or something else) can I make a 3D design that looks like the illustrations, for example?


http://logopond.com/logos/2114e74cf4b2c03d63e960e5d0bfa5c3.png enter image description here


Images from Logopond.com


Thanks in advance. Best regards



Answer




You can render a 3-D image using 3-D rendering and modeling software, or you can draw a 2-D image that looks 3-D. (or, in many cases, a bit of both)


The left logo appears to be modelled, the right logo appears to be a 2-D illustration.


To do 3-D modeling, you'll need to get some 3-D software and learn it. Options include SolidWorks, SketchUp, Maya, and many, many others.


To do 2-D illustration that looks 3-D, you'll need to learn some basic illustration skills (perpective, shading, scale, etc.) and then learn some software to draw it. Options include PhotoShop, Illustrator, InkScape, The GIMP, and many, many others.


forms - Dealing with Area Codes in Phone Number fields


Ok so I know a similar(ish) question has been asked before re: friendly format for Phone Numbers.


My question however focuses on a more specific part of this question, namely the 'dropped' first zero issue in the city code.


I am looking at redesigning a web form where the user currently enters his/her phone and am attempting to make the whole city/local code issues less ambiguous.


I have included some samples in the attached image.



Phone Formats


Option A is as the form currently stands. In this case the user (assuming from London) could enter a many variants on the city code. I know I sometimes stop and think when I get to this point in at a form 'What is the most appropriate format'?


do I enter the zero or not, so I enter plus sign, brackets, hyphens or any other characters etc..


Option B - has a note underneath the field which displays to the user the preferred format to enter.


Option C pre-empts the city code and enters the initial 0 for the user, so 207 could be entered here.


Option D - a dynamic drop down who's contents change depending on the option the user chooses in the first(country) drop down.


What do you guys think about this? There is an element of guidance/information I like about option C although maybe it is still a little ambiguous in it's own way. Option D I feel simply may not be doable for various reasons.


Or if anyone knows of anyone has any other ideas or knows of any existing patterns that handle this issue well, I would be interested to discuss them here.



Answer



There was some great research done by Jessica Enders on this subject in late 2009 (focusing on Australian phone numbers). Her research showed that users generally enter phone numbers as one long string of digits




Like the mobile phone numbers, one long string of digits—including area code—was the most common method of data entry: out of 640 landline phone numbers provided by interested research participants, 39% were entered as one long string of 10 digits (i.e. no spaces and no chunking).



But, importantly given your question, many users don't enter their area code, even when explicitly prompted:



Interestingly, in another 11% of cases, the 8 digits of the main part of the landline number were given, unbroken, but also without the area code, despite it being explicitly requested via a caption next to the field. If we had had validation on the field, this means that over 10% of users would have experienced a validation failure.



With that research incorporated, option B seems like the closest fit, especially since you provide an example of how to fill in your phone number. One additional benefit is that you're able to use the HTML5 input type=tel field type to allow user agents to provide input help (especially on mobile devices).


Expect users to enter hyphens, spaces, asterisks, hashes/pound keys and parentheses (at least) if you're supporting regional and international variations. Ideally your implementation should permit any combination of punctuation for input (stripping out punctuation for validation). The ideal being that if someone thinks of their phone number as a continuous value, they're equally supported as someone who thinks of their phone number in pairs of digits.


publishing - Is Sherlock Holmes public domain for use in a story?


I am writing a short story and would like to name check Sherlock Holmes as a character; according to the ever reliable (?) Wikipedia the stories of Holmes are UK Public Domain. Does this mean I can use the character without royalties/etc if I publish/sell?


Note: I will be publishing in the UK.




Answer



Up front, I must say "I am not a lawyer." Heed the advice given above and consult a lawyer specializing in copyright law.


That said, it seems clear to me right now that publishing in the UK should be fine, but you could open yourself to a legal challenge from the Conan Doyle estate if you publish your work in the United States and do not contact the estate and purchase a license for your work.


The reason I say this is because the recent films from Warner Brothers, and the series from the BBC (plus others), received a license from the Doyle estate. So did the series "The Young Sherlock Holmes" by Andrew Lane, which specifically notes on their website that "The character of Sherlock Holmes is in the public domain in the UK, and is thus free for use. The character is still in copyright in the USA, and will remain so until around 2020. Any book published in the USA which uses Sherlock Holmes as a character must be authorized by the Conan Doyle Estate."


That said, there is a law suit currently in progress against the estate in the United States asking for a declaratory judgement that copyright has expired on the works of Sherlock Holmes. According to recent press reports, the estate did not respond, and the judge has entered a default against the Doyle estate. Still a few legal hoops to jump through, and the judge must pass their ruling.


I have an UPDATE here http://www.hollywoodreporter.com/thr-esq/conan-doyle-estate-loses-appeal-712135


Thursday, November 24, 2016

Indesign: how to style a paragraph so that it will occupy no vertical space in the document flow (similar to "float" in css)


I am laying out a book that has line numbers on every fifth line. I want it to look like this:


line #    text line text line text line text line text 
text line text line text line text line text
text line text line text line text line text
text line text line text line text line text
text line text line text line text line text
line # text line text line text line text line text
text line text line text line text line text

...

In my opinion the line number does not belong to the same line with the poem. So it is a paragraph. Then what I have is this:


line #
text line text line text line text line text
text line text line text line text line text
text line text line text line text line text
text line text line text line text line text
text line text line text line text line text
line #

text line text line text line text line text
text line text line text line text line text
...

What I did is:



  • I gave some left indent to all the text

  • I gave some space before to the paragraph style of text lines

  • I gave no space before, no left indent and a negative baseline shift to the line numbers



so i ended up with this:


line #    text line text line text line text line text 
text line text line text line text line text
text line text line text line text line text
text line text line text line text line text
text line text line text line text line text

line # text line text line text line text line text
text line text line text line text line text
...


Although this seems to work, there remains a space between every fifth line. and I feel there should be a better / more elegant way to do this.


Any ideas?



Answer



You've hit the reverse situation to the one I ran into when I added web desgin to my arsenal a few years ago. CSS and InDesign layout aren't the same thing, and need different thought processes. Semantic considerations, as in HTML, don't really apply here, but I suspect that's how you got the idea to make line numbers their own paragraphs.


Your line numbers need to change from a Paragraph Style to Nested Styles (Character Styles), without any baseline shift, and you need to use first line indents as Lauren suggests.




  • Replace the paragraph mark at the end of your first line number with a Tab. It'll look ugly, but ignore that for now. Clear overrides so it's all just your standard paragraph style (Alt/Option-click on the style name in the Paragraph Styles panel).





  • Edit the paragraph style so it uses nested character styles for your line numbers, ending at the first tab. (I used only one style, but you may have one for the word and another for the number. In that case, the first style applies to 1 Word, and the second applies through the Tab.) Set the tab stop the same as your left indent.




Nested Styles dialog



  • From your description, it looks like the text is set in paragraphs of five lines each, with either natural or forced line breaks and a hard return on line five, so you would set your indents something like this:


Indents




  • Now run a grep find/change to replace all hard returns in your line number paragraphs with tab characters:


grep Find/Change




  • Select all the applicable text (Ctl/Cmd-A will select all text in an entirely story).




  • In the Paragraph Styles panel, Alt/Option-click the modified paragraph style to apply it throughout and remove any leftover overrides.





Adobe Illustrator: Lines with stroke < 2.0pt doesn't change color


I created lines using the line segment tool in Adobe Illustrator (latest Adobe Cloud version) and I can't change the color of the stroke (through the Appearance panel) if the stroke weight is less than 2.0pt. enter image description here If the stroke is 2pt or more, then the color around the line changes but not the line itself. enter image description here


The whole behavior is odd for me as I've never faced in Illustrator before.


Edit: added screen below with the line selected. enter image description here




Answer



The reason you can not see the line color applied to a thin path is because you have an appearance attribute applied to the whole layer and this affects all the elements.


enter image description here


To remove the layer attributes, click on the circle to the right of the layer name (target icon) and from the Appearance panel click on the forbidden icon (Clear appearance icon)



The Target icon, the little round icon displayed at the far right of each individual layer in the Layers panel, is used to select every item on the layer. Click the circular Target icon, then apply a stroke, change a color, or apply a style to all the objects on the layer.



adobe photoshop - How to produce a blurred abstract (frosted glass) background like this?


I have been seeing these blurred backgrounds all over the place, so I would like to know the exact steps how to reproduce something like this . What I can imagine, is that they first blurred an image/gradient with a gaussian blur. But there has to be something more to it, right ?


enter image description here


+) How do I correctly use a gradient instead of a picture?



Answer



I created a similar effect with the Gaussian Blur tool in Photoshop set to a 60 px radius.


enter image description here enter image description here


Of course, you can do this with any photo where you like the color shifts, your sample reminded me of a beach, so I found a beach photo on Wikimedia.


Another way you can do it is by creating the shapes you want and then applying a Gaussian blur to them:


enter image description here enter image description here



technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...