タグ

デザインに関するkoma_tunaのブックマーク (62)

  • 出来る人と出来ない人の違い - 片付けアプリ開発日記

    デザインの教室 手を動かして学ぶデザイントレーニング(CDROM付) 作者: 佐藤好彦出版社/メーカー: MdN発売日: 2008/04/28メディア: 大型購入: 46人 クリック: 546回この商品を含むブログ (19件) を見る デザインの勉強をしようと思い立ち、今はこのを読んでいる。お題が出されてそれをイラストレーターを使いながら自分でデザインしてみるという。 自分でデザインしてみて、自分で改めて自分のデザインしたものを見ると、下手くそでダサいな…と絶望的な気分になる。 自分で手を動かしてみて分かるが、考えなければならないことが多い。「色は黒、白、グレーの3色のみ。それでこのコピーを使ってハガキ1枚をデザインしてみろ」というようなお題が出てくるんだけど、かなりシンプルで制約が多いように見えてもどこから手をつければいいのかが分からない。かなり集中力と体力を持っていかれる。すごく

    出来る人と出来ない人の違い - 片付けアプリ開発日記
  • 方眼紙・罫線・ウェブデザイン用など全12種類の使い方が可能なマルチノート「SketchyNotebook」

    アプリ開発・ウェブデザイン・スケッチ・日記帳など、これまでのノートは用途によって別々の冊子を使い分ける必要がありましたが、全12種類の用途を1冊のノートにまとめることが可能なのが「SketchyNotebook」です。グラフィックデザイナー用の方眼紙、ジャーナリスト用の罫線(けい線)、アプリ開発者・デザイナー用、フィルムメーカー用、インテリアデザイナー・建築士用のテンプレートがそれぞれ2種類・全12種類セットとなっており、物作りを行うのに非常に便利そうだったので、実際に使ってみました。 SketchyNotebook - The Revolutionary New Way to Sketch http://sketchynotebook.com/ これがSketchyNotebook。今回Kickstarterで出資してゲットしたノートは白と黒の2色です。 デザインはシンプルで、見た目は市

    方眼紙・罫線・ウェブデザイン用など全12種類の使い方が可能なマルチノート「SketchyNotebook」
  • 『色を色で見ないで』

    1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 2013年度新卒入社、AmebaのSimplogでWEBデザイナーをしているリュウタロウと申します。 以前新卒デザイナー同士の勉強会がありまして、そこでの私の発表内容がすごく好評でした。 以降より多くの人に向けて発信したいと考え、この場をお借りして記事を執筆させて頂く事になりました。 これから綴るのは、デザインの細かいテクニックやハウツーではありません。 様々なジャンルのクリエイティブに通じる、基的なモノの見方、考え方の話です。 「ワタシ、デザインワカラナイワ」 というビジネスパーソンも、普段やっている仕事趣味とリンクさせながら理

    『色を色で見ないで』
  • 理系にも分かるイラストの描き方

    ちょっとしたイラストが描けたらなぁ。なんて思うこと多いですが、デジタルならではの方法で簡単に描く方法が公開されていたので、簡単ですが訳したいと思います。詳細はオリジナル記事であるHow to Draw Cute Thingsを御覧ください。 最初に好きなネコとかハムスターとかナマケモノなどの動物の画像を用意する。基的に何でも良いけど、慣れるまではモフモフ系がやりやすいみたい。トカゲとか蛇はむずい。 選んだ動物を円の集合にする 円じゃなく三角や四角を使ってもよい。動物をシンプルにする工程。画像ソフトのシェイプから選んでね。 できた形の輪郭を描く 必要のない線を消す。余裕あったら脇の下を細めたり足の重なりを上手に書いたりしてみる。 全体のバランスを変形してかわいくする 頭大きくしたり、胴体縮めたり、太らせたりしてかわいくする。ここはセンス。 可愛さは目に宿る 目が一番大事。サンプルを参考に。

    理系にも分かるイラストの描き方
  • 知らないと損!ウェブデザインに特化したPhotoshopの効率的な89の時短テクニック -神速 Photoshop Webデザイン編

    Photoshopを毎日使うウェブ制作者はぜひ目を通してほしい、Photoshopを自分の手足のように使えるようにするノウハウ、同じ結果でも遙かに時間が短縮されるテクニックが満載のオススメを紹介します。 同サイズの画像をスライスするのに5分かかっていたのが1分で! 10px以下の小さな文字を鮮明にするのに10分以上かかっていたのが5分でよりキレイに! など実用的な技が満載です。 「神速 Photoshop Webデザイン編」ではウェブデザインの現場でPhotoshopを使う時に役立つ情報が満載! Webデザインに特化したPhotoshopの環境設定方法から、すばやいスライス、効率的なカンプの作成、デザインのバリエーションを楽につくるなど、実践的なテクニックや便利なツール、そしていざという時の「直し」に強いデータをつくる方法など、デザイナーの時間を大幅に短縮します。 神速デザインの5箇条

  • 【解決編】Retina対応のPhotoshopとかで画像が1/2サイズで表示されて困ってたらこうした方がいいよってみんなに教えてもらった話 - akuyan to

    みんなのやさしさで目から汁があふれて画面が見えない…。 今朝方、ここ半年ぐらいずっと困ってたことを改めてブログにして吐き出したのがこちら。 それが世間の皆様の心あたたかいご助言により、めでたく解決したので感謝と感謝と感謝の意をこめて、他の困ってる方々にもお伝えするべく、教えてもらった内容以下にすべてまとめます。 第1希望の「AdobeだけRetina切る方法」 困ってますエントリーの希望としてあげさせてもらった第1希望「AdobeだけRetina切る方法」を、そのものズバリ教えてくださったのはこちらの方。 高橋としゆき(@gautt) Finderの[情報を見る]で[低解像度で開く]にチェックを入れておけばいいのでは https://twitter.com/gautt/statuses/449434490176143360 はてなダイアリーだとツイート埋め込めないんだね… 高橋としゆき (

    【解決編】Retina対応のPhotoshopとかで画像が1/2サイズで表示されて困ってたらこうした方がいいよってみんなに教えてもらった話 - akuyan to
  • 新人くん、これわかる!?書体の要素が手っ取り早くわかる例え画像 | WebNAUT by Beeworks

    こんにちは!新人デザイナーの入社を今か今かと待ち望んでいるデザイナーのタカハマです。 前回は「定番書体代わりに使えるGoogle Fonts」をご紹介しましたが、今回は「書体の要素」をちょっとした例え話と画像を用いてご紹介します! フォントにも家族がある デザイナーが書体を語る上で、まず知っておきたい言葉「フォントファミリー」 書体の太さ・傾き・字幅が異なっても、書風に一貫性のあるフォント群をまとめて「ファミリー」と言います。 そう、書体にも家族があるんです!次の画像はヘルベチカファミリーの一例です。 そんなフォントファミリーの特徴をWebNAUTにちょこちょこ登場しているキャラクター「ウェブノートくん一族」に例えてご紹介します。 太さ(ウェイト) 同じ書風で太さに変化をつけた書体を用意することをウェイト展開といいます。いわば体重ですね。 シンくんはガリガリタイプで、レギュラー・ブックくん

    新人くん、これわかる!?書体の要素が手っ取り早くわかる例え画像 | WebNAUT by Beeworks
  • 教えて先輩!「誰もがぶつかるデザインの壁」の乗り越え方! | WebNAUT by Beeworks

    こんにちは!デザイナーのタカハマです。前回の先輩デザイナーに聞いた「誰もがぶつかるデザインの壁」では、新人デザイナーよりも、むしろ先輩デザイナー達に「あるあるすぎる!」ということで共感頂いたようです。「新人デザイナーよ、これを読め!」と言わんばかりの勢いで拡散して頂いた先輩デザイナーの方々ありがとうございます。 今回はそんな「誰もがぶつかるデザインの壁」を「ベテランデザイナー達はどうやって乗り越えたか?」また、そんな彼らの経験から生まれた「指導の工夫」をご紹介したいと思います。 デザインの壁は「数」で乗り越える 「誰もがぶつかるデザインの壁」には多くの共通点があり、まとめると「5つの壁」でしたが、「乗り越え方」には、さらに共通点があり「数で乗り越えた!」という回答がほとんどでした。 でも「数やれば上達する」それでは当たり前すぎて新人デザイナーが読んでくれそうにもないので、どんなポイントで「

    教えて先輩!「誰もがぶつかるデザインの壁」の乗り越え方! | WebNAUT by Beeworks
  • 新人デザイナー必見!先輩デザイナーに聞いた「誰もがぶつかるデザインの壁」 | WebNAUT by Beeworks

    春ですね!希望に胸をふくらませた新人が入社してくる季節です! 今回は新人デザイナーの「誰もがぶつかるデザインの壁」をビーワークスのベテランデザイナー10人に聞いてみました。 これからデザインを始める方、これから新人にデザインを指導する方にとって、記事がそんな壁に気づき、力を合わせて乗り越えるヒントになれば幸いです! 誰もがぶつかるデザインの「5大障壁」 ビーワークスではWEB制作部以外にも、出版制作・広告制作・ゲーム制作など媒体や分野ごとにチームが分かれています。 今回はベテランデザイナーの中でも、新人にデザイン指導をするケースが多い、各デザインチームのリーダーに話を聞いてみました。 チームごとに求められるデザインや得意とするデザイン領域は違うのですが、各チームリーダーに話を聞いてみると「誰もがぶつかるデザインの壁」には多くの共通点があり、まとめてみると次の「5つの壁」になりました。 壁

    新人デザイナー必見!先輩デザイナーに聞いた「誰もがぶつかるデザインの壁」 | WebNAUT by Beeworks
  • Photoshopで人物の髪の毛を「境界線の調整」を使って簡単に切り抜く方法 | ページ 2 / 3 | 東京上野のWeb制作会社LIG

    こんにちは、デザイナー兼フォトグラファーのおまめ (@omame_creator) です。 今回はPhotoshopで写真を切り抜く方法、髪の毛のような細かいものをきれいに切り抜く方法、背景と馴染ませる方法を解説します。 どれも私が試して一番短い時間で簡単にできた方法なので、ぜひ試してみてください! 独学でつまずいていませんか? Photoshopの使い方を効率的に学びたい、プロのデザイナーに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい!」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年3月に編集部が情報を更新しました 「選択とマスク」を使って髪の毛を切り抜く方法 髪の毛を目立たせるため、強めになびかせた

    Photoshopで人物の髪の毛を「境界線の調整」を使って簡単に切り抜く方法 | ページ 2 / 3 | 東京上野のWeb制作会社LIG
  • 【画像あり】海外のストリートアートすげええええwww : 暇人\(^o^)/速報

    【画像あり】海外のストリートアートすげええええwww Tweet 1:ローカルルール・名前欄変更議論中@自治スレ:2012/01/17(火) 22:21:45.59 ID:tYGBAXy90 ってなったから淡々とうpしてく 2:ローカルルール・名前欄変更議論中@自治スレ:2012/01/17(火) 22:22:54.91 ID:tYGBAXy90 3:ローカルルール・名前欄変更議論中@自治スレ:2012/01/17(火) 22:23:16.62 ID:JQRXRuf50 すげえ 4:ローカルルール・名前欄変更議論中@自治スレ:2012/01/17(火) 22:23:24.10 ID:tYGBAXy90 5:ローカルルール・名前欄変更議論中@自治スレ:2012/01/17(火) 22:24:08.13 ID:tYGBAXy90 6:ローカルルール・名前欄変更議論中@自治スレ:2012/01/

    【画像あり】海外のストリートアートすげええええwww : 暇人\(^o^)/速報
  • Kern Type, the kerning game

    A game to learn how to kern type

    Kern Type, the kerning game
  • taikikawakami.tk

    koma_tuna
    koma_tuna 2011/12/05
    あとで
  • 本当に透明ガラス製マルチタッチキーボード&マウスを作ることが決定

    よくあるコンセプトモデルのように見えますが、マジで作るというのが今までとの最大の差。もちろん日からでも購入可能です。 Multi-Touch Keyboard and Mouse by Jason Giddings — Kickstarter キーボード そしてマウス 余計なでこぼこがないので、キーボードの隙間にゴミやホコリや髪の毛が入ってダニなどの巣窟にならず、非常に清潔です 強化ガラスと強固な金属で作られており、単純な既存技術の組み合わせによって構成され、可動部品はゼロ、再充電可能なリチウムポリマー電池を内蔵しており、完全にワイヤレスで動作します。 しかもこのマルチタッチキーボード&マウスを制御するドライバ部分はオープンソースソフトウェアとして提供予定であり、これによってポテンシャルを最大にまで引き出すことを目指し、CADや音楽作成などあらゆる用途でこのキーボードとマウスが使えるよう

    本当に透明ガラス製マルチタッチキーボード&マウスを作ることが決定
    koma_tuna
    koma_tuna 2011/12/04
    欲しい
  • いたち速報ェ・・・ 現役WEBデザイナーの俺がロゴ作ってやるよ

    いつも超お世話になっております m(_~_)m ▼RSS取得有難うございます。▼ みんなの暇つぶし様 ニュー速VIPブログ様 あじゃじゃしたー様 まめ速様 ハムスター速報様 ゆめみがちサロン様 カオスちゃんねる様 インバリアント様 2のまとめR様 乙ちゃんねる!様 2ちゃん的韓国ニュース様 ライフハック ちゃんねる弐式様 ニュース2ちゃんねる様 ムズ痒いブログ様 2chコピペ保存道場様 ちゃんねるZ様 ▼記事紹介有難うございます。▼ NEWS PICK UP様 にゅーすなう!様 あにゅーる様 好き好き大好きっ様 HK-DMZ PLUS.COM様 ぷろとらドットコム様 1 名前:以下、名無しにかわりましてVIPがお送りします :2011/09/20(火) 18:36:32.64 ID:cya1flvo0 安価>>5 3 名前:以下、名無しにかわりましてVIPがお送りします :2011/09/

  • いつ来るか分からない15分のために常に準備をしているのがプロ、デザイナー奥山清行による「ムーンショット」デザイン幸福論

    「自分が考えていることを、その場で決められた時間の中で他の人とシェアしないのは、プロとして犯罪に近い」 「プロというのはシステムで仕事をする人間である」 「いつ来るか分からない15分のために常に準備をしているのがプロで、来ないかもしれないからと言って準備をしないのがアマチュア」 などなど、非常に刺激的な言葉が次々と飛び出したのが、CEDEC2011の2日目基調講演「「ムーンショット」 デザイン幸福論」です。 国際的な活躍を続けるインダストリアルデザイナー、奥山清行氏による講演となっており、「実際に会場にいらした方に直接語りかけたい」という人の強い希望によって、ニコニコ動画「CEDECチャンネル」での配信や講演資料の配布はなし、「最後の瞬間まで講演内容を考えたい」ということで演題・内容についての事前発表もなし、という直前まで謎のベールに包まれていた講演だったのですが、見ての通り少し書き出し

    いつ来るか分からない15分のために常に準備をしているのがプロ、デザイナー奥山清行による「ムーンショット」デザイン幸福論
  • 黒と白のモノクロ調でインパクトの強い名刺デザインいろいろ - GIGAZINE

    名刺デザインはできるだけシンプルにまとめたいという場合に最適なのが、白と黒のモノクロにしてしまうという方法。たった2色のように感じますが、リアルの印刷物である名刺の場合、インクや紙、印刷方法や加工などによって多種多様な雰囲気にすることが可能です。 Neat and Cool Collection of Black and White Business Cards http://naldzgraphics.net/inspirations/neat-and-cool-collection-of-black-and-white-business-cards/ 01.Aeris Network - Business Card by ~simonbouchard on deviantART 02.Black Inc free business card by *robbythedesigner o

    黒と白のモノクロ調でインパクトの強い名刺デザインいろいろ - GIGAZINE
  • 印象に残る名刺の作り方

    2013年12月25日 インスピレーション, 名刺 みなさんはどんな名刺をお持ちですか?またはどんな名刺に目を奪われますか?今働いている会社の名刺ではなく、個人の名刺を作ってみたくないですか?どうせ持つならインパクトのあるものがいいですよね!最初の印象をグッとよくする名刺の作り方がWeb Designer Depotで紹介されていたので意訳してみます! ↑私が10年以上利用している会計ソフト! Webデザイナー・デベロッパーとして、私たちは紙媒体を利用したマーケティングを見落としがちです。しかし、会議などクライアントと面と向かって会う場合や今後一諸にビジネスをするかもしれない誰かと出会ったとき、印刷物は非常に役に立ちます。名刺を持つことはあなた自身をオフラインの世界で宣伝するとてもいい方法です。 もちろんWebデザインは創造的な分野であるので、名刺にポートフォリオのような、自分のスキルを見

    印象に残る名刺の作り方
  • 「素人っぽいデザイン」から抜け出すために、デザイン制作時に心がけたい5つのポイント

    ☆ご注意☆ この記事は 2011年5月29日 に書いたものです。情報が古い可能性がありますのでご注意ください。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 毛の生えた私からツルツルの私へのダメだし Webデザイナーなりたてのころ、デザインのチェックをしてもらったとき、 「んーーーなんかこのへん素人っぽいね」と言われた事があります。 素人っぽい。。。???(゜д゜) そのときは何だろう、どんなのが素人っぽいんだろうとわかりませんでした。 就職はできたものの、技術は完全ど素人なので。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 「素人っぽい」の意味が。 毎日、たっくさんのWebサイトを見ますが、プロのデザイナーが作ったと思われる、構成もデザインもしっかりしたサイトもあれば、お店の人が一生懸命手作りしてそうなサイ

    「素人っぽいデザイン」から抜け出すために、デザイン制作時に心がけたい5つのポイント
  • Iconfinder | Download free icons

    Pricing Compare all pricing solutions. Options for individuals and teams. See all Pro subscription 7-day free trial Choose a flexible subscription plan for you and your team members. See the benefits Pay as you go Pay for the graphics you need, when you need them. No strings attached. How it works

    Iconfinder | Download free icons