こんにちは。ライターの内藤です。 恥ずかしながら、最近になって「フラットデザイン」を意識しはじめました。 装飾を最小限におさえることによって、特定のメッセージや製品、アイデアを直球勝負で伝えるデザイン。 フラットデザインは、もともとスマートフォ... 続きを読む

• liginc.co.jp
• テクノロジー

フラットなユーザインターフェイスを作成する際にぴったりな400種以上のカラーがセットになったPhotoshop用のスウォッチ素材を紹介します。 トレンドカラーとして、フラットに興味がない人でもカラーの引き出しが増えますね。 Photoshop Swatches Library for F... 続きを読む

• coliss.com
• テクノロジー

続きを読む

• sketchmine.co
• テクノロジー

ウェブデザイナー・ディレクターが実際に、サイトやブログ・ポートフォリオなどの設計をどのように行っているかが垣間見ることができる手書きのワイヤーフレームをDesignbeepからとプラスαで紹介します。 30 Great Examples of Web Design Sketches ちなみに僕... 続きを読む

• coliss.com
• テクノロジー

日本で活動しているフリーランスWebデザイナーのHPをご紹介北海道 (9) 青森 (3) 秋田 (3) 岩手 (2) 山形 (4) 宮城 (4) 福島 (3) 茨城 (1) 群馬 (4) 栃木 (3) 埼玉 (3) 東京 (11) 千葉 (6) 神奈川 (12) 山梨 (3) 長野 (4) 静岡 (3) 新潟 (1) 富山 (3) 石川 (4) ... 続きを読む

• webdesignerjapan.com
• テクノロジー

マウスのホバーやクリックで、ふわりとアニメーションで扇形にツールチップが表示されるスタイルシートのデモを紹介します。 デモは、2種類あります。 まずは、一つ目のデモ。 Creating a Radial Menu in CSS マウスのホバーで、「扇形のツールチップ」がアニメ... 続きを読む

• coliss.com
• テクノロジー

希有馬（井上純一or弌） @KEUMAYA 希有馬（井上純一）TRPGデザイナー。同人作家。代表作：スタンダードTRPGシリーズ（SRS）『アルシャードセイヴァー』、『エンゼルギア』、『天羅万象』他。最近は『中国嫁日記』のジンサン。 http://blog.livedoor.jp/keumaya-... 続きを読む

• togetter.com
• アニメとゲーム

今すぐ読みたくなる！！気になるウェブマガジン・ウェブメディア１０選！！ saide magazine contents - 暮らすコト2013/05/03 今回はブログ・ポータルサイト・ウェブマガジンなどなどウェブ上で読むことのできるウェブメディアをご紹介。 クリエイティブの分野... 続きを読む

• www.saide-magazine.com
• テクノロジー

続きを読む

• w3q.jp
• テクノロジー

続きを読む

• w3q.jp
• テクノロジー

2013年春の新作、Illustratorのチュートリアルをvector tuts+から紹介します。 チュートリアルはステップごと詳しいキャプチャ付きで、英語が苦手な人でも雰囲気は伝わると思います。 How to Create a Rainbow Colored Portrait From a Stock Image in Illustra... 続きを読む

• coliss.com
• テクノロジー

シンプルなリストを使って、アイテムがホバー時に吹き出し状にポップアップするかわいらしいアニメーションを備えたナビゲーションを実装するスタイルシートのデモを紹介します。 アニメーションもかわいくて素敵ですが、半透明のグラデーションもとても美しい... 続きを読む

• coliss.com
• テクノロジー

1年くらい前に 「CSS で作るスマートフォン向け片手操作メニュー」 って記事書いたんですが、同じようなのをまたやってみたので紹介。 Tumbler の Android アプリ （Tumblr for Android） の新規投稿の UI がカッコよかったんで、これを CSS と超簡単な JavaScr... 続きを読む

• hyper-text.org
• テクノロジー

コーポレートフォントの可能性を広げる 市販されているフォントに使いたいウエイトがみつからない。他言語で指定されているコーポレートフォントのウエイトにぴったりの日本語フォントがない。タイププロジェクトは、これらの課題を解決するためにコーポレート... 続きを読む

• typeproject.com
• テクノロジー

2013-04-11 UXを学ぶならこれだけは目を通しておけ！ UXとはなんぞや!?って日々思いながら手探りでUXを意識したサービス開発、UXの向上を測っております、どうも @tacumacy です。 ボク自身、UXのことはなんとなーくわかってはいましたが、本格的にそれを仕事と... 続きを読む

• uxdesign.hatenablog.jp
• テクノロジー

エイプリル・フールですね。でもこの記事はネタじゃないので普通に読んでいただければと思います（笑）あ、そういえば今日はヒゲを剃りましたよ。ちょっと剃り残しちゃったけど、すぐ戻ります。 さて、Dribbbleとかってそれぞれの作品にカラーパレットが登録さ... 続きを読む

• maka-veli.com
• テクノロジー

個人的にもかなり推している「ノン・デザイナーズ・デザインブック」ですが、その効用をまとめたスライドがとても参考になりました（いまさらですが）。 本に書かれていることのみならず、さまざまな心理法則にも言及されているのでとても説得力があります。 ↑... 続きを読む

• www.ideaxidea.com
• テクノロジー

サイト製作では必須なぐらい頻繁に登場するメニューですが、レイアウトやデザインはさまざまですよね。毎回どういうものを作るか迷います。というわけで、世の中に出回っているメニューデザインでよく見るパターンを知っている限りご紹介したいと思います。あー... 続きを読む

• handywebdesign.net
• テクノロジー

PhotoshopをWebデザイン制作として使ってると、シェイプを使って図形を描く事って結構多い気がします。拡大しても劣化しないし、ダブルクリックでカンタンに色を変えられるし、Illustratorでも使い回せる、そんなシェイプの機能や特長について、個人的なまとめ... 続きを読む

• lopan.jp
• テクノロジー

日本のAmazonでも採用されているメガドロップダウンメニューについて、なぜAmazonのメニューはユーザーが使いやすくできているのかという秘密が明らかになりました。ユーザビリティを改善することが至上命題のネットショッピング系サイトにとっては非常に有益な... 続きを読む

• gigazine.net
• テクノロジー

Text Box Lato is free web-font designed by Lukasz Dziedzic from Warsaw. Here you can feel the color, size, line height and margins between paragraphs. Don’t forget to underline your links, they are important visual marker for user. Also, to ... 続きを読む

• designmodo.github.com
• テクノロジー

続きを読む

• nekofont.upat.jp
• テクノロジー

最近Yahooが、8年ぶりに検索窓をリニューアルしたそうで、どこかGoogleにも似たUIデザインが話題となりました。 「フラット・デザイン」というワードで、デザイントレンドにもなっており、確かに多くのWebサイトやブログなどが、取り入れてきています。Windows8... 続きを読む

• photoshopvip.net
• テクノロジー

公開：2013年2月18日付（日本語版）、2013年2月4日付（原文）　著者：ニールセン博士 原文（英語）：Teenage Usability: Designing Teen-Targeted Websites 要約： ティーンは、自分のウェブを扱う能力に（過剰に）自信を持っているが、彼らのパフォーマンスは... 続きを読む

• www.usability.gr.jp
• テクノロジー

まだまだ寒い日が続きますが、日も少しずつ長くなり、春の気配を感じますね。 pantoneがセレクションした2013年春のトレンドカラーを紹介します。 Spring 2013 Fashion Color Trends - Pantone Fashion Color Report この春、グリーンのトレンドは否定できない... 続きを読む

• coliss.com
• テクノロジー

私は以前からデザインに角丸を使うのが好きなのですが、「角丸をもう少し小さくして」と言われることがたまにありました。 最初の頃は「角丸が大きいほうがかわいいのに！」と思っていたのですが、Web制作を続けていくうちに、何故そう言われたのかがようやくわ... 続きを読む

• designcolor-web.com
• テクノロジー

ユーザビリティfladdictさんところで話題になっていた『エレベーターの閉じる／開くボタン、間違って押す。あそこのUIはよくない』という話。いろんな人を巻き込んで、こういうUIなら閉じる／開くを押し間違えないぞ、というUIアイディアコンテスト状態に。なん... 続きを読む

• d:id:wa-ren
• テクノロジー

Twitterで「ボタンと間違いやすいサイン」について呟いた。 ところがいつのまにか、「間違いやすいエレベーターボタンのデザイン」の話に巻き込まれてたでござる。 面白そうだったので、自分でもちょっと考えてみたり。コアコンセプトは以下のような感じ。 安全... 続きを読む

• fladdict.net
• テクノロジー

Newest Templates Multi-Purpose Large Font March 25, 2012 Medium Length Professional March 17, 2012 Masters/Doctoral Thesis February 14, 2012 Two Column One-Page CV February 12, 2012 University/School Laboratory Report February 12, 2012 続きを読む

• www.latextemplates.com
• 学び

ブログがとってもガーリーだね、と嬉しいお言葉を頂くことが多いKanaです。 とっても可愛いガーリーなデザインは、作っていても見ていても幸せな気分になるので大好きです。 そんな私がガーリーデザインをする際、気をつけているポイントをご紹介します。 1.配... 続きを読む

• kana-lier.com
• テクノロジー

世界16カ国で愛されているクリエーターを紹介する、日本語・英語のバイリンガル雑誌。 続きを読む

• www.plus81.com
• アニメとゲーム

先日リニューアルされた「はてなブックマーク」。 大幅なデザイン変更に対し、ネット上では賛否が分かれているようです。 【参考記事】 ・はてなブックマークのリニューアルがいけてない5つの理由 – enator’s blog ・はてブリニューアル賛成論 個人的には「あ... 続きを読む

• mamion.net
• テクノロジー

絵描きの人体デッサン練習用にポーズモデルを掲載するサイトです。Pose Maniacsは絵描き、イラストレーターのサポートブログです。 独学で絵や漫画の描き方を練習したい方や、美大生などを対象としています。 ヌードデッサン用のポーズモデルを淡々とアップした... 続きを読む

• www.posemaniacs.com
• 世の中

Posemaniacs Pose Maniacs supports all artists, including art students and people who study illustrations and mangas on your own. This blog is for uploading variety of poses for nude sketching, and introduces other FLASH training tools for dra... 続きを読む

• www.posemaniacs.com
• テクノロジー

ネットで無料で見れる、プレゼン資料・パワポスライド・企画書デザイン参考まとめ,この世の「！」集めました。スライド作りの参考になる、素晴しいデザインのプレゼン資料・パワポスライド・企画書を集めたサイトです。【完全版】Facebookビジネス活用セミナー... 続きを読む

• bikkuri.me
• テクノロジー

世の中には何千年もの間、形が変わらない道具がある。例えばハサミは古代ギリシャの時代からあるし、傘は古代エジプトの壁画に描かれている。日本では平安時代の源氏物語絵巻に和傘が登場する。日傘、雨傘、和紙、ナイロン、用途や材質は違っても基本構造は昔か... 続きを読む

• d:id:RyoAnna
• 学び

※記載コードの整形にはSyntaxHighlighter Evolvedを使用していますが、環境により整形に時間がかかり、表示が崩れる場合はあります。その場合、申しあけありませんが読み込みまで少し、お待ち下さい。 ブログをするのに便利なWordPressですが、もちろんその中... 続きを読む

• rentalhomepage.com
• テクノロジー

11月のおすすめ記事更新しました！ 12/02 デザインが崩れているとのご指摘を受けましたが崩れている箇所が確認できず…何かありましたらtwitterやメールフォームへどうぞ！ 1：愛のVIP戦士：2012/09/19(水) 22:07:59.19 ID:v1cJJLjp0 コルセット状の衣服でアン... 続きを読む

• blog.livedoor.jp:robosoku
• おもしろ

Tweet Tweet インターネットをビジネスに活用することが当たり前になり、競合他社がひしめく現在のWEB市場において、WEBデザインは以前よりも遥かに重要性を増している。 なぜなら、WEBデザインそのものが、コンバージョンを大きく左右する要素の１つとなってい... 続きを読む

• bazubu.com
• テクノロジー

最近はアニメーションをFlashではなく、CSSやJavaScriptで実装されているサイトをよく見るようになりました。 今回は復習も兼ねて、CSSで動きを付けられるanimationとtransitionのおさらいをしてみたいと思います。 ベンダープレフィックスをつけないと動かない... 続きを読む

• webdrawer.net
• テクノロジー

# 1993/??/?? バーチャファイター / SEGA / Model1/SS/32X 当時の最先端技術を結集して生まれたSEGA Model1システムに搭載されたのは、固定機能のフラットシェーダのみであり、テクスチャマッピングは使用できなかった。 - 1994/12/?? 鉄拳 / ナムコ / SYSTEM11... 続きを読む

• lovelove.rabi-en-rose.net
• アニメとゲーム

海外人が考察する、日本の芸術と文化の9原則 2012年12月15日 | コメント(0) | 知る | 歴史・文化 | # 日本のカルチャー、サブカルチャーなどを、海外に発信している「Japan talk」というサイトで、日本の芸術や文化に対する考察が行われていた。それによると、... 続きを読む

• karapaia.livedoor.biz
• 世の中

お前偉そうだなシリーズ第一弾 まぁ全部、全体のデザイン次第ですし、流行りモノ感もありますが。 ちょっとだけ変えると、グッとクオリティ上がりますよー的な小ネタです。そしてかなり個人的趣味です。 シャドウ ドロップシャドウなんかは手軽にクオリティ上げ... 続きを読む

• maka-veli.com
• テクノロジー

相撲の番付表や歌舞伎の看板など、本当に大昔から日本のタイポグラフィに近代的なものがまざりはじめたころのデザイン黎明期のものは、今の目で見てもとんがっていて面白いものがたくさん存在しています。 1. 「空前の大景品進呈」版画風のデザインがいい。 2. ... 続きを読む

• dailynewsagency.com
• エンタメ

@RyuMoto そうね、宇宙英雄物語とかファム＆イーリーの線だよね。８９年くらいからボチボチ出てきて流行り出した感じ。 続きを読む

• togetter.com
• アニメとゲーム

Webプログラマ、Webエンジニアの皆さんが、個人で作るWebサービスやハッカソンなどで、短期間に集中してサービス開発してローンチしたいときに、もうちょっと自分でイイ感じにデザインできるといいなあという声をよく聞きます。 この企画は、そんなプログラマが... 続きを読む

• www.atmarkit.co.jp
• テクノロジー

続きを読む

• d:id:Hamachiya2
• テクノロジー

2012-11-19 反広告社のダサさを3項目でわかりやすく解説する Twitterに突如出現した悪戯結社【反広告社】が謎すぎる！！！ - NAVER まとめという記事を見まして、ちょっと覗いてみたら「えっ？　えっ？　ダサ……え？　本気でこれやってんの？」とオタオタしな... 続きを読む

• deadhead.hatenablog.com
• テクノロジー

まずは大まかに基本操作をさわっていこう。 細かい機能、コマンドなどはさっと流そう。例えば、パスファインダであれば、合体、分割、全面オブジェクトで型抜きだけ理解すれば、当面は十分である。ツールもすべて理解したり、覚えたりする必要はない。色の付け... 続きを読む

• www.designmap.info
• テクノロジー

design, Sass, 作ったものどうも。書くのが遅くなりすぎてもう半月ほども前のことになってすごく今更感があるのですが、書いておくべきことを書きそびれると、その後出てくる他の書きたい小ネタがどんどん書けなくなっていってドンづまるパターンになるので、や... 続きを読む

• d:id:ken_c_lo
• テクノロジー