●1:集める時間を決めて習慣化 ●2:画像の収集と同時にタグ付けする ●3:自分らしい名前でタグ付け ●4:収集画像の良い部分を「要素分解」せよ ●5:デザインするとき、リラックスした自分を呼び戻すスイッチとしてスクラップを活用せよ ●6:失敗にセンサーを働かせよ
![10秒以内に、ここ1年で見てきたデザインが出せますか?「Ember」活用まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/34b721a2d9e76036e17c43d8b2246fce661c6ff1/height=288;version=1;width=512/http%3A%2F%2Fdesign.kayac.com%2Fimg%2F201404%2Fember.jpg)
いいな、参考にしたいなと思うデザインがあったときにキレイにスクショ管理できたり、アイコンやシェアボタンなどよく使うPSD素材なんかの管理にはいままでLittleSnapperを使っていたのですが、この度LittleSnapperがEMBERとして新たにリリースされたようなので早速買ってみました。 LittleSnapperと内容はほとんど一緒だし、そもそもLittleSnapperも4000円くらいしたので「なんでアップデートじゃないんだよ!なんで買い直さないといけないんだよ!!」みたいな愚痴は死ぬほど出てくるのですが…実際便利だしいいんです…うん…。 EMBERのつかいかた スクショ管理につかう 参考にしたいデザインがあったらChromeのEMBERエクステンションでEMBERに全画面保存できます。スクロールしないと表示しない系のサイトはEMBER内のブラウザで見たままのスクショが撮るこ
皆さんはお気に入りデザインの管理をどうやっていますか? はじめまして! 14新卒デザイナーとして面白法人カヤックに入社しました、トダエミです。 ソーシャルゲームチームでデザイン修行しながら、写真撮ったり絵を描いたりしています。 今回は、新卒デザイナーにとって関門の一つデザインの引き出しを増やせ! を攻略するための方法として、 デザインスクラップツールの紹介をします! 1.デスクトップ系ツール バナーもボタンもキャプチャも、これ一つ!「Spark Box」 >> http://www.icyblaze.com/sparkbox/ (対応:mac) UIやバナーなど単体のものをストックするのに大活躍! 私はソーシャルゲームのバナーをストックするのに使っています。 サイトに使われている画像が一覧で表示され、一つずつまたはすべてライブラリに読み込めます。 魅力的なのはソート機能! なんと自動でカラ
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。
印刷して組み立てるだけ…すてきなギフトボックスの展開図いろいろ 年末はプレゼントのシーズンですが、中身もさることながら、すてきな包装だとうれしくなるものですね。 海外掲示板に投稿されていた、印刷して組み立てるだけで使える、8つの展開図をご紹介します。 1. 上品な感じのやさしい形の箱。 2. ハートのかわいらしいボックス。バレンタインデーにも重宝します。 3. 両端に切り込みを入れて真ん中で噛み合わせたもの。シンプルに開けることができます。 4. 同じ要領で底面が六角形のもの。重なった円の部分が高級感を出しています。 5. 三角柱のボックス。中身が三角形のものにはこれ。 6. ハートを側面にもってきた、背の高いプレゼントに便利なタイプ。メッセ―ジやイラストを描いてもいいですね。 7. 小さな小物を入れるのに最適な、カーブがやさしいギフトボックス。 8. 穴にリボンを通すことで、かばんのよう
こんにちは。デザイナーの藤田です。 「石の上にも3年」と言いますが、私のWebデザイナーとしてのキャリアもついに2年目が終わり、3年目を迎えようとしております。 日々学ぶ事が多く、とても3年程度で大成するような業種ではないですね(どの業種にも言えることだとは思いますが)。 そんな私がデザイナー1年生だった頃を振り返ると「手っ取り早くデザインが上達しないかなー」なんてよく考えておりました。 そこで今回は、私の経験から最も手っ取り早くデザインが上達する「トレース(模写)」の方法をご紹介いたします。 なぜトレースがデザインの上達につながるのか? なぜトレースがデザインの上達につながるのか、自分なりに考えてみました。 「デザインは細部に宿る」と言われますが、その細部に気付く 「デザインの引き出しが増える」 「自分の悪い所が解る」←これが一番重要! などなど、良いことがたくさんあります。 まずはカッ
Webデザイナーはコードを学ぶべき? コーダーはデザインを学ぶべき? 両方に精通している人はなかなか多くはいません。Webデザインがどのように進化してきたのかその流れをしっかり押さえ、デザインとコードのギャップをつなぐことができたか振り返ってみましょう。 A brief history of web design for designers 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 先日の彼らの記事「しっかりと理解しておきたい!レスポンシブWebデザインを使いこなすための9つの基本原則」と同様に、分かりやすいアニメーションもお楽しみください。 1989年:Webデザインの暗黒時代 1995年:Webデザインの始まりはテーブルから 1995年:JavaScriptが表現の幅を広げる 1996年:Flashにより自由の黄金期へ 19
気に入ったデザインのWebサイトをブックマークして、後で見ることはできますが、 デザインが気に入って保存したのであれば、デザインからブックマークを選びたいですよね。 それができるアプリがWebblaです。 上がアプリの画面です。 iPhotoに似たシンプルなデザインなのでとても使いやすいです。 ブックマークの方法は、URLを直接入力(⌘ Nで入力)/配布されているブックマークレットを使う(Preferences>control にブックマークレットがあります)/拡張機能を使う(safariのみ)があります。 保存をすると「All Bookmarks」にブックマークがサムネイル表示されます。 さらにアプリ内でフォルダ分けすることができます! (COLLECTIONS、⌘ shift Nで新規フォルダ) これを使うことで、自分でジャンル分けや整理することができます。 お気に入りデザインのサイト
Web制作を仕事にしようと決めて、勉強を始めたのが今から約8年ほど前だったと思います。その当時から現在まで、大変お世話になっていたり、気になっているWebサイトが多くあります。 今回は、その1部をご紹介します。(サイト名は順不同、敬称略です) buzzword(バズワード) http://www.buzzword.jp/ Web業界に入りたての方がつまずきやすい技術に焦点を当て、解説されている記事が多いです。 例題を交えながら平易な文章で解説されていて、とても親切。ずーっとお世話になっているサイトの1つです。 Attrip http://attrip.jp/ 仕事の休憩時間によく見るサイト。笑うつもりがなくても思わず吹いてしまうネタ記事が多くて、なごみ要素がとても強いです。 という面もあれば、国内外のWebサービスをすぐに試したり、ネット上で話題になっているものをいち早く見つけて記事にした
最近のWebデザインでよく利用される1カラム、2カラム、3カラム、カード型、ボード型の基本的なグリッドをはじめ、ランディングページ、プロダクトページ、ギャラリー、ポートフォリオ、カート、FAQ、コンタクト、マップなど、さまざまなレイアウトが用意されたワイヤーフレームやフローチャートを作成するための素材を紹介します。 UI Titles UI TILES: WEBSITE FLOWCHARTS ダウンロードできる素材のフォーマットは、4種類。 .psd(72種類のレイアウトとチャート) .ai(72種類のレイアウトとチャート) .sketch(72種類のレイアウトとチャート) .png(72種類の各レイアウト) 各フォーマットにはそれぞれ72種類のレイアウトとチャートが揃っており、ワイヤフレームやフローチャートやサイトマップとして利用できます。
研究発表等で使っているシンプルな自作テンプレートをGithubにアップしたので紹介しようと思います。 テーマ 「Mint Green」 ミントグリーンがベースのシンプルなテーマ。 タイトルにはスマートフォントUIというフォントを利用していますが、これを入れてなくても問題なく使えると思います。 テーマ 「Violet」 紫がベースのシンプルなテーマ。Mint Greenの色違い。 こちらも、タイトルにはスマートフォントUIというフォントを利用していますが、これを入れてなくても問題なく使えると思います。 テーマ 「Scarlet」 赤がベースのテーマ。 フォントはヒラギノ角ゴ + Avenir Next。 こちらからDLできます リポジトリ: GitHub - cocodrips/keynote-themes: Free Keynote templates. 良かったら自由にDLして使ってくだ
こんにちは。デザイナーの藤田です。 久しぶりにPhotoshopのtips記事をお届けします。 皆さんは�“水しぶき”などの背景が透けた画像の切り抜きに苦戦したことはありませんか? ただ背景を切り抜くだけだと、透明感をなかなか表現できませんよね。 そこで今回は、“水しぶき”などの透け感がある画像をみずみずしく切り抜く方法をご紹介いたします。 ※今回の記事で使用している画像は下記サイトのものです。 water splash http://nihongo.istockphoto.com/stock-photo-13225547-water-splash.php Psd Soda Can Mock-Up Template http://www.pixeden.com/psd-mock-up-templates/psd-soda-can-mock-up-template Photoshopで“水し
皆様こんにちは。LIGのディレクター、藤井誠ことfujisanです。 前回に続いて今回も、ファッションの業界で働いていた経歴がある私が、Web業界に足を踏み入れてから改めて「イケてるなぁ」と感じたファッションブランドのWebサイトを紹介します! 前回の記事では、 「Webサイトにこだわりを感じるファッションブランド8選【日本編】」 ということで、日本のファッションブランドのみを紹介しましたが、今回は海外のブランドに焦点を当てて紹介していこうと思います。 こだわりを感じるファッションブランドのWebサイト8選【海外編】 1. CARVEN http://us.carven.com/us_en 1945年に創立したフランスの老舗オートクチュールブランド「CARVEN」の公式サイトです。 2010年春夏コレクションより、プレタポルテのブランドとして生まれ変わり、シンプルでシックなデザインと、上品
お疲れさまです、デザイナーのモモコです。 今回はクリスマスのオーナメントに使えそうな幾何学模様をIllustratorで描くチュートリアルをご紹介します。 Illustlatorの機能で幾何学模様のオブジェクトを簡単に描く方法 1. オブジェクトに使う色を選ぶ 制作する前に、シェイプに使用する3色をあらかじめスウォッチ登録しておくと便利です。配色を決めるときはこちらのサービスを参考にしました。 Coolors http://coolors.co/f5ebd4-e3c5ad-d781ac-b53884-7a044b 2. 基本となる円を作成する シェイプツールで正円を描きます。 塗りのみを使用し、線は“なし”に設定します。 3. 円に沿って直線を引く 先ほど描いた円に対して、対角線と垂直線を引いていきます。 ラインツールで適宜調節しながら円と接するようにしてください。 スマートガイドを使用す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く