久しぶりの更新です。 前回「なぞかけの方程式」で、ブログを始めて3エントリー目にしてブクマ数が480を超えてしまったので(ありがとうございます!)、「一発屋だったのね…」と思われてしまうんじゃないかという恐怖で、次のエントリを書くのが億劫になっていました。 あまりブクマ数など気にせず、肩の力を抜いてやっていこうと思います。 Life time Respect アーティスト: 三木道三 出版社/メーカー: 徳間ジャパンコミュニケーションズ 発売日: 2001/05/23 メディア: CD クリック: 10回 この商品を含むブログ (11件) を見る さて、このブログの名前の由来でもあるのですが、私は1年ほど前から、ラーメン1杯でTwitterアイコンを描く活動をしています。 RAMEN&ICON ラーメン1杯でアイコン描きます http://ramenandicon.com/ イラストに関し
先日、「人工知能学会」会誌の表紙が賛否両論を呼び話題となったが、奇抜な表紙を採用している学会は他にもある。中でも「分子生物学会」会誌 Genes to Cells の表紙デザインは群を抜いており、浮世絵に取材した雅なデザインに生物学のモチーフがちりばめられている。これだけの妙案を毎月定期的に出せるというのはタダ者ではない。一体どんな人が描いているのだろう・・・? 本稿では Genes to Cells の雅すぎる表紙の一部をご紹介する。本稿に掲載しなかった号を含めたバックナンバーは学会の公式webサイトで確認できるので、興味を持った読者はぜひご覧あれ。 水面に映える「二重らせん」橋を通して富士山を遠望する 組み換えて次の世代へ受け継ぐ大相撲 footprintすだれから顔をのぞかせる平安美女 伸びろ微小管街道!届け物資! 雷神、活動電位を発する! 風神、「跳躍」伝導する! 富士を背にDNA
2015年1月16日 フォント, 便利ツール 久しぶりにブックマークしているサイトを整理しました。という事でお掃除後の恒例行事?私がブックマークしているフォント・Webフォント・テキスト関連のWebサイトを、中の人へ感謝の気持ちも込めてシェアします!何年もお世話になっているサイトばかりですが、ここ最近はWebフォント関連のサイトが増えてきましたね。いいな!と思えるサイトがあれば嬉しいです。 ↑私が10年以上利用している会計ソフト! フォント関連 フォントhack.jp フォントhack.jp 日本語の無料フォントの表示確認ができるサイト。複数のフォントを表示して比較することもできます。 dafont dafont 英字の無料フォントを大量に集めたサイト。大量すぎて眺めてたらいつも物凄く時間がたってますw ライセンスは各自要確認。 フォントガレージ フォントガレージ 日本語フォントの販売サイ
HOME / Blog / 豊富すぎるシチュエーション!ピクトグラムを無料でダウンロード出来る"human pictogram" 会社の印刷物の素材に最近よくピクトグラムを使用しています。見た目もフラットで良いですし、上手く使うと意図する事が簡潔に伝わりやすいデザインが出来上がります。 そんな時良く使わせて頂くのが今回ご紹介する“human pictogram2.0”あまりにも豊富すぎるシチュエーションのピクトグラムが用意されているので見ているだけでも楽しくなります。 もちろん素材としても完成度の高いものなので、制作者の方にはとても感謝しています。 human pictogram2.0とは? とにかくピクトグラムをおもしろおかしくデザインして配布してくれる素晴らしいサイトです。しかも商用利用がフリーというなんとも有り難い使用。 ピクトグラムはほとんどの場合、公共交通機関や、バリアフリーなど
というわけで、今年も色々と読んでおくべきエントリーをまとめておきます。 正直読み返した上でリンクをぺたぺた貼っていったので、すんごい時間かかりましたけど、どいつもこいつも良記事でございます。読まずにいるとむしろ損する勢いでございます。 デザイン WEBデザインが短期間に上達した方法 | FEVDES BLOG 『これは、自分が新米デザイナーだった頃にやっていた、デザインの上達方法です。上手くデザインができない!上手くなるにはどうすればいいの?など、どうすればデザインが上達するのかわかならい人の参考になれば幸いです。』 たった1枚に込められたクリエイティブすぎる17個の広告 この記事の2億円、2人っていう広告がほんとうに色々な意味で印象的。 2013年の4大人気Webデザインのトレンド | Flips Blog Web担の小技 2013年のトレンド、今年のうちに。 50万件の投稿分析でわかっ
ユーザーにとって分かりやすく使いやすいデザインを提供するためには、プラットフォームにあった標準的なデザインを用いること、ユーザーのストーリーに沿ったUIを用いること、コンテンツに合わせた表現で興味を持ってもらうこと、などが考えられます。 それらを事例を元に考えるとともに、使いやすさ分かりやすさを超えて、いつも使いたくなるような愛着を持てる工夫を施すためにはどのような事ができるか一緒に考えていきましょう。 【題材事例】 ・プラットフォームの標準的表現と特徴 「これら3つのUI、Android的なUIはどれ?」 ・適切なメッセージ表現 「お気に入りに追加する場合の適切なメッセージは次のうちどれ?」 ・フィードバックのための表現 「コンテンツ投稿者に感謝の気持ちを伝えるのに適したUIはどれ?」 ・数値計測による分かったデザインの成果事例 「次のうち実際にユーザーのアクションが多かったデザインはど
デザインには意味があります。物を配置するにしても、なぜそれを配置するのか?なぜその色味なのか?なぜそこに置くのか?など、実に多くの事を考えてデザインは行われています。 そのためデザイナーが考える事は実に沢山有り大変なのですが、デザインには決められたルールという物が存在し、「こうしなければならないルール」、「こうしてはいけないルール」と言ったものが多数存在します。 デザイナーはそういったルールを知識として蓄えているので、考えるべき点を素早く整理し形にしていくことが出来るのです。 今回はそのルールについて少し述べたいと思いますので、デザインが苦手な人も是非そういったルールについて考えてみて頂ければと思います。 レイアウト ビジュアルは左、テキストは右 人間の脳は左側に配置されたものを感覚的に美しいと感じやすく、右側に配置されたものを理論的な思考で捉えやすくなっています。そのため上記のような写真
この記事は、Webデザインが短期間で上達した2つの方法として、新たに書き直しました。 WEBデザイナーとして10年ちょっと経過。 未だにデザイナーとして足りないものは多いですが、 どうにかクライアントにも満足してもらえる デザインが提供できるようになったと思います。 これは、自分が新米デザイナーだった頃にやっていた、デザインの上達方法です。 「上手くデザインができない!」「上手くなるにはどうすればいいの?」など、 どうすればデザインが上達するのかわかならい人の参考になれば幸いです。 新米デザイナーの頃、ダメなデザインをして先輩からよく叱られていました。 クライアントからデザイナーを交代してくれと言われ、 激しく落ち込んだこともあります。 いまになると恥ずかしいですが、 その頃の自分には、 プロのデザイナーとして最低限の能力がなかったのです。 クライアントの満足するクオリティのデザインを 期
一昨年に社内で行ったAbout Face 3輪講の資料を公開します。実は今までずっと公開されていたのですが、存在を知られていなかったので、改めて周知します。 About Face 3はUI/UX設計の教科書で、ユーザーストーリーやペルソナなど、基本的な内容が押さえられています。ディレクター、デザイナー、エンジニア、サポート等、プロダクト制作に関わる全員の共通知識として使える内容だと思います。 About Face 3輪講概要 1. ゴールダイレクテッドデザイン 2. 実装モデルと脳内モデル 3. 初心者、上級者、中級者 5. ユーザーのモデリング : ペルソナとゴール 6. デザインの基礎 : シナリオと要求 8. 優れたデザインの総合 : 原則とパターン 10. オーケストレーションとフロー 11. 間接的な操作を取り除く 12. 良き振る舞いのデザイン 13. メタファ、イディオム、ア
ブログがとってもガーリーだね、と嬉しいお言葉を頂くことが多いKanaです。 とっても可愛いガーリーなデザインは、作っていても見ていても幸せな気分になるので大好きです。 そんな私がガーリーデザインをする際、気をつけているポイントをご紹介します。 1.配色は甘く、優しく。スイーツのような彩りを。2.テクスチャを利用して、やわらかさや、素材感を加えてみる!3.パターンを使うだけでガーリーに!ストライプとドットが素敵!4.安定感よりも、繊細なイメージを意識する。5.かわいい小物をコラージュしたり、装飾を加えて、可愛らしさをアップ! 1.配色は甘く、優しく。スイーツのような彩りを。 ガーリーデザインの配色を考えるときは、甘く優しい色使いを意識しています。 今ひとつピンと来ない時は、googleの画像検索でスイーツ、ケーキ、マカロン、アイスクリーム、ジェラート等を検索しイメージを沸かせます。 私が好き
MIND HACKSとインタフェースデザインの心理学を引用しながら、デザインの基本4原則を解説していきます。 ==================== あわせて読みたい ==================== 少ない手間と知識で”それなり”に見せる、ズルいデザインテクニック http…
最近「フラットデザイン」という言葉をよく耳にする 。 このデザインスタイルは、グラデーションやシャドウなどの立体的要素を極力避けコントラストの強いカラーパネルと文字要素を活用して構成される。このスタイリッシュなフラットデザインの出現により、今までのエフェクトゴテゴテのUIがいきなり古くさく感じる事態が発生している。 ここ最近ではGoogleが提供する種々のアプリやFacebookのUI、Windows 8、そして多くのスタートアップ企業が提供するスマホアプリで、このフラットデザインをUIのテーマとして採用するケースが増えている。 例えその呼び名を知らなくても、サイトやアプリを通して、多くのユーザーがそのデザインスタイルを目にしていると思う。代表的な例としてはClear、Moni、Clear Weatherなどが挙げられる。 フラットデザインの主な特徴特にはっきりとした決まりがある訳ではない
2014年8月17日 Photoshop, Webデザイン 先日、Webデザイナーになってもうすぐ2年がたつというMさんから、「どうすればデザインのスキルを磨くことができるのか?」という旨のご相談を頂きました。今回は彼女の相談メールでもふれられている、デザインのスキルアップに有効なWebサイトの模写のやり方について掘り下げてみようと思います! ↑私が10年以上利用している会計ソフト! 頂いたご相談メール 実は最近スランプぎみになっていて、サイトデザインを作成してもなぜかダサい、野暮ったいデザインになってしまいます。 デザインスキル向上させるために、いいデザインのサイトを模写するといいときいて模写もしてみたのですが、ぴったり一致するように作るのに意識がいってしまい、あまりデザインスキルが上がったと実感できないでいます。(模写したデザインを自分のオリジナルで活かせない) もし模写するときはどう
「あなたは感覚派デザイナー?それとも理論派デザイナー?」 このような質問をされると、理論派デザイナーだと答えたくなる理系出身デザイナーのタカハマです、こんにちは。 今回は、そんな理屈っぽい私の大好物である「デザインの要素と原則」をご紹介したいと思います。理論派デザイナーの方はもちろん、感覚派デザイナーの方も知っておいて損はないですよ! 「デザインの要素と原則」はビジュアルデザイン全般に活用できる Webデザインに限らず、ビジュアルデザインの基礎を学ぶ上で、大変参考になる「デザインの原則」というものがあります。いわゆる「Design elements and principles(デザインの要素と原則)」や「Gestalt principles(ゲシュタルト原則)と言われる原則で、デザインの構成要素や要素同士の関係性が全体に与える影響をまとめたものになります。 調べてみると識者によって分類や
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く