New answers tagged

1

Late to the show, but here is what I would do: First off, it goes against standard to ask for a full name, so I would split up the name field into first and last name fields. Second, I would match the colors to that of the app. I'd drop the border and replace it with a gray border with a subtle dropshadow. That teal should be your action color, that way ...


1

Here're a few suggestions for your UI: Use a larger font size for readability. Re-word the second sentence into a non-conditional sentence."Provide the information requested below for early access to our platform." Use "Sentence case." Use place-holder information to prompt for desired responses.


1

Everyone's been giving you names of fonts that look similar to Helvetica (some more than others) but depending on what kind of project it is that you're working on you might not need any of those. Unless you need something that looks almost exactly like Helvetica, Arial might be an option you should consider. It comes pre-installed in (almost?) every ...


0

found this. hope it helps: FREE HELVETICA NEUE FONT FOR WINDOWS http://www.myfontfree.com/helveticaneueblack-myfontfreecom126f134131.htm Helvetica Neue LT Std font family contains 51 font https://www.azfonts.net/families/helveticaneuelt-std.html -m


2

Adobe TypeKit uses @font-face to define the fonts. It actually uses Javascript to dynamically link the correct fonts using the best method for the browser and OS in question and fires custom Javascript events when your fonts are loaded for example, but the actual fonts themselves are eventually loaded in the same way as you would load your own custom web-...


3

I would actually consider this more than one control, two list boxes and several buttons. Using the terminology recommended by the Microsoft Manual of Style 4th edition, you would refer to the lists as "lists" within text. Example In the Available Tasks list, select a task, and then click the the > button. I would be leery to call it a "multiple ...


3

As suggested on Kaylee Chatham's comment, it is also called multiple selection listbox or multiple choice listbox. As seen on number 6 in this confusing page I found, this could also be called an Accumulator: Description: When a user needs to select items from separate sets of search results or other large, unwieldy data sets- let them manipulate ...


-1

Flat design This is a type of design which is stripped of any multidimensional elements. That’s to say, it makes it feel like all the objects here are lying on a single surface. Flat design just got rid of any stylistic elements like drop shadows, textures, and gradients to be more like the play of fonts, icons, and colors. Pros Minimalistic and stylish. ...


0

Yes there is, in fact two ways: place the document inside your other document. This will link the files so once you change things on disk, then illustrator prompts for an update. use symbols. In the CC verson symbols can also update trough the cloud, but not local disk.


5

Web-fonts There are 2 ways you can go about defining web-fonts with @font-face. The first, and probably most common (I believe most generators, Font Squirrel for example, will output this) is to define each font file (i.e. each weight and style) with its own unique family name. @font-face { font-family: 'YourFont'; src: url('your_font.ttf') format('...


0

I don't know if there's THE answer. Depending on the task, I would suggest the following: A. The fast and the furious Code it directly in HTML/CSS, without Photoshop. No theme, no CMS, just a plain page. You even have some direct interaction for your customer (hovering links, etc.) B. The fancy but not realistic Use Photoshop with all fancy effects that ...


0

There is a save-for-web plugin that gives you a more direct feedback on size and appearance when exporting images. The chroma sub-sampling is indeed the setting that gives the strongest file size reduction for a given visible image alteration. On a dense display (or if the image is scaled by 50% or a regular display) the quartered chroma should not be ...


3

Swing by UX.SE for lots of discussion on this topic. Feature discovery is good The hamburger icon itself isn't the problem, it's people's tendency to scan quickly and rely on the design to expose important things. If you hide content behind a menu button, users will skip over it until they are looking for something that might be hidden in a menu. Put ...


6

Nowadays, it is a well established indicator as a button to reveal a menu. There is no reason to worry that people won't understand what it's for based on the icon alone. However where it's situated and whether it's a button are other indicators that could confuse users. I tend to find it more obvious when situated on the right hand side like spiral has ...


9

I think the hambuerger menu is recognizable by the vast majority of users nowadays, when in the right context. In your example, I do not think it is obvious. I usually expect to see the icon for expanding a menu, whether it be a hamburger icon, three vertical dots or a "menu" link on the top right edge of the screen, possibly the left top. But there in the ...


0

I found these two fonts that look like the google logo,if anyone is interested. https://www.myfonts.com/fonts/fontfont/cst-berlin-west/west-original-ot/ https://www.myfonts.com/fonts/fontfont/cst-berlin-west/west-original/


2

There's no way to get Illustrator to export an SVG with a "live" blend mode so any solution with blend modes will need to be done manually after you have exported your SVG. CSS blend-modes Depending on the level of browser support you need, you can use CSS blend modes. There is a great article on using CSS blend modes on CSS-Tricks: CSS-Tricks – Basics ...


2

You can use the following CSS code on that path: .st1 { mix-blend-mode: multiply; } But the browser compatibility is pretty poor. See working example: https://jsfiddle.net/gaa5mbvm/


0

Doorknob, JohnB, and johanpw all have good answers, I wanted to add something I've seen in people's html and php: link convolution. Basically, what they do is they either break up the link to the image or video so that it's hard to piece together from the code (you can still do it but it deters all but the most motivated) or they simply convolute the single ...


2

My 2 cents: Remove the icons. That much separation on the paragraphs make them as a two step process each step. 6 in total. Use a better font.


4

Less is more Remove tiny icons from paragraphs. Shorten space between first and second paragraphs in each column (by about half). Remove the color highlight in center column -- If you want to separate by color blocks, use three different colors. But I'd suggest simply using one, and letting white space divide them. Stay consistent Make headlines ...


3

It looks okay but it doesn't read well at all. I'd like to see a harmonious writing style. Harmony isn't only in the look of the piece. Parallel construction in the writing would help a lot. Some words you use don't exist. Recruitly? Get recognized as a top developer. (Passive voice. Active voice would be an improvement.) Try "Become recognized." or "Build ...


5

The primary balance you have to be especially careful of when using a technique like scroll points is a balance of control. You don't want to unnecessarily take away or curb a user's control if you can help it because they are used to navigating in a particular way. (The slides linked throughout this post are from my talk on meaningful animations) When I ...



Top 50 recent answers are included