久しぶりに、テキストエフェクトのPhotoshopのチュートリアルをまとめてみました。 Photoshopのスキルアップだけでなく、デザインの引き出しを増やすかっこいいエフェクトがたくさんです！
デザインの引き出しを増やすかっこいいエフェクト満載！文字を魅せるPhotoshopのチュートリアルのまとめ -2014年春
久しぶりに、テキストエフェクトのPhotoshopのチュートリアルをまとめてみました。 Photoshopのスキルアップだけでなく、デザインの引き出しを増やすかっこいいエフェクトがたくさんです！
「The Non-Designer's Design Book」はエンジニア必読の書籍だった - YAMAGUCHI::weblog
はじめに こんにちは、Python界の情弱です。もうかれこれ5年くらい「僕にウェブデザインのセンスがあったら、いやせめてデザインのセンスがあったらどんなによかったことだろう」と思っていたわけですが、半ば諦めていました。しかし先日同僚の@kotarokパイセンに勧められるがままに「ノンデザイナーズ・デザインブック」を読んだら、これが素晴らしい書籍で、もう一度僕にやれば出来るかもと思わせてくれたわけです。 ノンデザイナーズ・デザインブック [フルカラー新装増補版] 作者: Robin Williams,吉川典秀出版社/メーカー: 毎日コミュニケーションズ発売日: 2008/11/19メディア: 単行本（ソフトカバー）購入: 58人 クリック: 1,019回この商品を含むブログ (102件) を見る 本書が良いのは、多くのデザイン例があり、それも原則の適用後だけではなく、その前後でどれだけデザイ
HTML5のCanvasに描かれる「アートスクリプティング」とにかく美しいJavaScript表現のまとめ28個！
動くぞ！きれいだぞ！ ﾍ(･_･ﾍ) とにかく痩せたい、HTMLファイ部のほんだです。 jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアを担当している者です。 jsdo.it、ユーザー数 5万人突破！ 手前味噌ですが、このたび弊社運営のHTML5コード共有コミュニティ「jsdo.it」が、 ユーザー数 5万人を突破しました！（わーい！） 今回の記事では、jsdo.itのユーザー5万人を記念して、 HTML5 Canvas に芸術的な動きを表現しているJavaScriptコード「アートスクリプティング」を特集します！ あまり一般的ではないようですが、「アートスクリプティング」という言葉でくくってみました。 Canvasアートスクリプティング特集！ 説明不要！ 気になったコードは是非のぞいてみてください！
【これが150年前!?】幕末の浮世絵がクール過ぎて圧倒される【まさに神】 | 幕末ガイド
浮世絵といえば、東洲斎写楽や葛飾北斎を思い浮かべる方が多いかもしれませんが、その後幕末から明治にかけて、いま見ても新しい浮世絵作品がたくさん生まれました。今回はそんなクールな浮世絵作品を紹介します。 ※2019年に16作品を追加しました。 巨大な骸骨の妖怪 相馬の古内裏（1845年ごろ） 歌川国芳 非常に有名な1枚。描かれているのは、平将門が討ち取られたあと、その娘とされる滝夜叉姫が呼び出した骸骨の妖怪です。滝夜叉姫はこの妖怪で父亡き後、その遺志を果たそうとしました。※滝夜叉姫は伝説の人です。 作者は奇才・歌川国芳（うたがわくによし）。まずは彼の作品から紹介します。 とどめの一撃 甲越勇将伝 武田家廿四将 三討死之内 諸角豊後守昌清（1847年ごろ） 歌川国芳 ビカーッて漫画みたいになっています。150年前にすでにこんな表現が使われていたことに驚き。 対決 和漢準源氏 乙女 天羅国斑足王悪
色の持つ効果がわかる図解、色の心理学 : カラパイア
ファーストフード店や飲食店などには赤が多く使われ、信用を第一とする企業は青を多く使う。色のもつ心理的作用を利用した企業の色彩展開や、実際に自宅でどのように色を活用すればいいのかがわかる図が公開されていたので参考までに。
eBay でヒドいデザインの方がコンバージョン率が高かった、という話
先日日本のWEBデザインが2003年で止まっていると話題にという記事で楽天のサイトなどのことが取り上げられていましたが、これを読んで思い出したポッドキャストインタビューがあったので一部抜粋してみます。 このインタビューはスタートアップ向けレクチャーイベント ZURBsoapbox シリーズのひとつ。昨年11月に、「サンフランシスコでの投資とギークな日々の20年間」といったタイトルで 500 Startups 代表のエンジェル投資家デイブ・マクルーア氏が語ったものです。 「チームのメンバーに求める特徴は？」という客席からの質問のデザイナーの部分について、彼はこのように答えていました。 一緒に働くのが辛いデザイナーもいた。自分はなんでも知ってる、みたいなデザイナーと働くのにはほんとに苦労した。デザイナーと口論したいわけじゃないんだ。俺が見たいのは数字とお客さんの利用例。そして何がうまくいってい
絶対に覚えておきたいwebデザインの配色・カラー3つの基本と基礎
webデザインを考える時にカラーは切っても切りはなせません。しかし、配色は苦手だけど、まぁカラーの勉強は後でいいや…センス無いしその前にやることあるし…となんとなく後回しにされがちなんじゃないかなーと思います。基本を知っておくと、デザインに役立つのはもちろん、クライアントさんに提案出来たり、私生活や料理etc…様々な場面でとっても強い味方になってくれるます。ちょっとしたスキルアップをしたいと考えてるなら、まずは配色から初めてみるのが良いかもしれませんXD 色って？ カラーモードRGBとCMYKとは？ 色の三属性について 「色相」 「明度」 「彩度」 具体的な例と配色方法 面積比率 可読性 最後に 1.色って？ まず一口に色といっても色々(シャレじゃないですw)あるのですが大きく分けて果物や印刷物など物についてる色とテレビやパソコンのモニターなど光を放っている色の2種類があります。 物体色
ふつうのformをつかいたい - はまちや２ - ニコニコ超会議2012
こんにちはこんにちは！！ はまちや２ (@Hamachiya2) ブロガー、クラッカー。特技は洗濯、趣味は破壊、苦手なことはプログラミング。 WEB+DB PRESS のお便りコーナー担当。 「はまちちゃん」とかで適当にググってください。 無料で プレミアム機能を 使う方法 見つける時間がありませんでした。 何話そう？ プログラムは苦手だし… セキュリティとか興味ないし… そんなわけで普通のことを話します。 本日のテーマ： 『ふつうのformを使いたい』 <form> 電話番号はハイフン抜きの半角で…（はいはい） フリガナはカナで… (カナで名前を学習してしまうのが嫌だけど…) 郵便番号は前と後ろに分けて… (めんどくさいなぁ…) 住所は全角で… (あーはいはい…) … (できた！) (これで送信、と…) ※エラー：住所を正しく入力してください (え、なんで！？) ※住所は全角で入力してく
アップルのソフトウェアキーボードに隠された2つの秘密。
日経BPnetさんに、iPhone/iPadに込められた「見えないデザイン」という記事が掲載されていました 「アップル “究極”を目指すデザインの秘密」というシリーズの記事。アップルが持つソフトウェアキーボードに関する２つの特許について紹介しています。 1つ目は、「実際には四角くないキーボード」。 人間がタッチパネルを操作するとき、狙った入りよりも、実際にタッチする位置は若干手前にずれているそうです。そのズレを吸収するため、表示上は四角いキーに対して、反応する範囲はこうなっているそうです。 このように、若干手前にズレても、狙ったキーが反応するようになっているそうです。 これは、なんとなく想像が付くのですが、アップルはもっと凄いこともやっている... ２つ目は「予測して可変するキーボード」 アップルは、入力される文字を予測して、キーの反応するサイズをコントロールしてるらしいのです。 文字の下
人と違うデザインのサイトをスクラッチで作るならHTML KickStartをベースにするといいですよ！ | Chrome Life
みなさんは、サイトをスクラッチで作る時にどうされていますか？ HTMLやCSSをイチから作り込んでいくのは大変ですよね。 フリーでHTMLやCSSのテンプレートもいろいろありますが、デザイン要素がガチガチで修正しづらかったり、あまりにもシンプルすぎて結局ゴリゴリ作らないといけなかったりします。 最近だと、Twitter Bootstrapが使いやすくて、いろんなサイトでも使われています。 特にウェブ系のスタートアップは、ほとんどがTwitter Bootstrapをベースにしているんじゃないかというぐらいよく目にします。 しかし、どれもこれも同じような見た目になっちゃってて、デザイン的にはちょっと残念な感じがします。 Twitter Bootstrapを使うと、なぜここまで似てしまうのか？ それは、 パーツが完璧に揃いすぎている！ のが原因です。 Twitter Bootstrapがバージ
きっとトラブルが起きにくい！ウェブデザインの制作順序を書きました。 | バニデザノート
ウェブサイトの制作には、いくつかのフェーズがあります。 企画→制作→構築→公開を何度もくりかえすこともあり、スパイラル方式なんて言われることもあります。 今回は、ウェブサイトの制作順序を書いてみたいと思います。 むかしはこういった文章をブログなどで書く方が多く、本もたくさんあったのですが 今は知識や技術に偏ったものがおおく、目に触れることが少なくなったのかもしれません。 もしくは、あたりまえのことだから言わなくなったのかもしれません。 しかしながら、ウェブを気持ちよく制作するために基本というのは重要なことだとおもい 再確認もこめてかきました。 ウェブ制作を行なっている人、 これからウェブの業界に入りたいとおもっている人、 これからウェブを発注する予定のある企業の方に読んでいただければいいなぁと思っています。 ・ヒアリング どんなサイトにしたいのかをお客様へお伺いします。 対象となるブラウザ
Color Hex - ColorHexa.com
ColorHexa.com is a free color tool providing information about any color and generating matching color palettes for your designs (such as complementary, analogous, triadic, tetradic or monochromatic colors schemes). Just type any color value in the search field and ColorHexa will offer a detailed description and automatically convert it to its equivalent in Hexadecimal, RGB, CMYK, HSL, HSV, CIE-LA
洋書革装丁風ブックカバーの作り方[作ったもの] :スチームパンク大百科
「洋書革装丁風ブックカバー」の作り方 2010年04月19日 【分類：作ったもの】 直リンク | 発言(6) | □ タグ：インテリア 私の本に関する3つの夢。1：蔵書をデジタル化して電脳図書館を作ること 2：手元に残しておく本に革張りの装丁を施すこと 3：個人所有のクラシカルな図書室（できれば図書「館」）を作ること。このうち1については去年ScanSnapHDDを導入したことで、一生分の数万冊をコンピュータの中に取り込むことが可能になりました。我が家は現在ほとんどペーパレス。今回は2番目の夢に一歩踏み出してみようかと思います。 読書中の本をアンティーク化したい 私は毎日1冊ずつ本を読んでいるので、ベッドの横にある壁の本棚にその週に読む本を並べています。読んだ本はScanSnapで取り込んでしまえばいいけど、寝る前に読みたい本や図書館で借りている本はそうはいきませんん。でも現代の書籍の装丁
はてなブログのデザインの裏側 - Uedayworks::HatenaBlog
このエントリーはHatena::Staff Advent Calendar 2011のために書かれたものです はじめまして。最近は映画けいおんが生き甲斐のuedayです。 11月8日にクローズドベータリリースした「はてなブログ」のデザイン全般を担当しました。裏側というほどの話ができるか微妙ですが書いてみます。 開発チーム 開発チームは、エンジニアid:cho45／デザイナーid:ueday／ディレクションid:onishiです。デザインはクオリティチェックをid:tikedaに依頼して、適宜フィードバックを貰いながら進めていきました。このほかに制作スタッフが数名います。プロジェクトが立ち上がったのが8月1日だったので、開発期間は約3ヶ月です。アルファ版完成が異常に速く、開発2日目か3日目で記事投稿ができるようになり、5日目でアルファ版を社内リリース。choさんほんとすごいなって思いました
ユニバーサルデザイン７原則 | トライポッド・デザイン
ユニバーサルデザインの７つの原則 故ロナルド・メイス氏を中心にまとめられたのが、以下の「７つの原則」で、それぞれの原則に３〜４つのガイドラインが付けられており、デザインをする上でUDの考え方を導入するために意識すべき様々なヒントが盛り込まれています。 原則１ 公平な使用への配慮（Equitable Use） どのような人にでも公平に使えるものであること 原則２ 使用における柔軟性の確保（Flexibility in Use） 多様な使い手や使用環境に対応でき、使う上での自由度が高いこと 原則３ 簡単で明解な使用法の追求（Simple and Intuitive Use） 製品の使い方が明解で、誰にでも積極的にすぐ理解できること 原則４ あらゆる知覚による情報への配慮（Perceptible Information） 必要な情報が、環境や使い手をめぐる能力に関わらず、きちんと伝わるこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Rubyistのためのズルいデザインハンズオン in RubyHiroba P4D ワークショップ
Type Project | タイププロジェクト
ノンデザイナーのための配色理論
企画が考えるスマホUIデザイン
新着記事
