Doodle CSS
Doodle CSS A simple hand drawn HTML/CSS theme. By Chris McCormick (@mccrmx) Get the source code on GitHub. Support A button How to use it The main stylesheet is doodle.css: <link rel="stylesheet" href="doodle.css"> Then add the class doodle to the top level element you want to apply the theme to: <body class="doodle">...<body> Load the Short Stack web font: <style> @import url('https://fonts.googl
必要な物は紙とペンだけ！ペーパープロトタイピングのススメ
まずは紙。家にあるチラシの裏の白い部分でも可能なのですが、方眼のものが製図しやすいです。お気に入りのノートを使ってみてください。後述するプロトタイプ制作ツールのMarvelから、無料のプロトタイピング用紙（PDF）が配布されているので、こちらを使ってみてもいいですね。 基本的にどんなペンでも構わないのですが、太いペン、細いペン、薄い色（灰色）のマーカーの3種類あれば文句なしです。マーカーはなんやかんやコピックが使いやすいのかなーと思います。 その他 紙とペンだけでOKですが、よく使うアイコンが手軽に描けるUI Stencilsという定規兼ステンシルがあると便利です。iPhone用ステンシルだけではなく、様々な種類が用意されているので、興味のある方はUI StencilsのWebサイトを覗いてみてくださいね。 ペーパープロトタイプの描き方 1. ざっくりとしたレイアウト組み まずは画面をレイ
写真を油絵や水彩画風に加工できる素敵ツール、Topaz Impression
2015年10月14日 Webデザイン, 便利ツール Photoshopでも写真を手描き風に加工する方法はありますが、手間がかかったり、イマイチ思い通りに作れなかったりしませんか？今回紹介するTopaz Impressionというツールを使えば、一発で素敵加工に仕上げられちゃいますよ！ ↑私が10年以上利用している会計ソフト！ Topaz Impressionとは？ Topaz Impressionはお好みの画像を手描きや油絵、水彩画風に手軽に加工できちゃうツール。 画像を選択して、好みのフィルターをクリックすればOK。プリセットのフィルターでも充分素敵ですが、さらにブラシを変更したり、色やキャンバスを変更して、細部まで調整できます！ いろいろ加工してみよう！ さっそく使ってみましょう！Topaz Impressionの画面右側から好みのエフェクトを選択できます。 Watercolor 水
Tips in Using Handwriting Fonts for Stunning Web Designs | Naldz Graphics
Handwriting fonts are just one of the many font choices a designer can use in creating a design. It could enhance a web design with its proper usage and can also give a little frivolous touch making it totally unique. Many designers have used it in their designs and have successful y reached their goal to make it look appealing. There are many benefits of using handwriting fonts in designing which
Hand Drawn Style in Web Design – 40 Excellent Examples | [Re]Encoded.com
We have various trends in web design that come and go over the years. Something that has seemed to be a classic is the use of hand drawn designs and illustration orientated designs. These seem to never really go out of the trend. Maybe it’s because they can be hard to get right and master? We don’t know, but what we do know is that we’ve put together some really cool examples for you this time. Th
有限会社 北島屋 | 材木屋がつくる本物の木の家・ママンの家
Maman の家 ショースタジオ 「ママンの家」で使用・施工される、キッチンや階段・ニッチなどのディテールデザインやオールド加工の梁や柱仕上げ材など、実際に体感頂けるような空間づくりをしております。
Photoshop: tutorials, examples, guides. | SloDive
Everyone will agree that Photoshop has changed the world of design for the better. Everywhere you look, you will see the products of Photoshop — Pictures, Texts, Infographics, Backgrounds, Wallpapers, Screensavers, Templates, Advertisements, etc. In this page, you will find educational resources, tutorials, tips, hacks, and tricks related to Photoshop.
プロジェクトメンバーが幸せになれるワイヤーフレームの作り方 : LINE Corporation ディレクターブログ
こんにちは、livedoor Blog 担当の飯田です。 ちょうど新機能のワイヤーフレームを描いている最中だったので、今回は正解があるようで無いディレクターのメイン業務の一つ、ワイヤーフレームについて自分なりにどう考えて作っているかを簡単にまとめてみました。 特にワイヤーフレームをこれから初めて作ってみるという人の参考になればと。 ワイヤーフレームって？ ウェブサイトを構成する要素・動作をまとめた資料になります。構成書・モック・スケルトン・青写真と呼び方は人それぞれです。 ということで、実際以下の感じでワイヤーフレームを作っていきます。 とりあえず紙に描く 頭の中で考えていることをとにかく裏紙などを利用して紙に描いてみます。ワイヤーフレームと聞いてデジタルなイメージがありますが、こうした構想やアイデアベースの状態のときは、たくさん手を頭を動かして思いを出し切った方が整理がしやすくなります。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web Designs With Paper Effects For Inspiration | [Re]Encoded.com
15 Best Digital Fonts for LED Banner Designing
100+ Fabric Textures - SloDive