「カップヌードルミュージアム」は、インスタントラーメンにまつわるさまざまな展示や体験工房など通じて、発明・発見の大切さやベンチャーマインドについて楽しみながら学べる体験型ミュージアムです。
「カップヌードルミュージアム」は、インスタントラーメンにまつわるさまざまな展示や体験工房など通じて、発明・発見の大切さやベンチャーマインドについて楽しみながら学べる体験型ミュージアムです。
皆さん、師走をいかがお過ごしですか? 今回は前々から試してみたかったSVGについての記事です。 基本予備知識0から色々触ってみて、SVGはどんなことができるのかとSVGの面白いなーと思った点等をまとめてみました!「これからSVG試してみようかな?」と思ってる方(特にWEBデザイナーさん)の参考になれば幸いです。 それではどうぞー!! SVGとは その前にSVGについて簡単な説明しておきます。 SVGとはScalable Vector Graphics(スケーラブル・ベクター・グラフィックス)の略で、JPEGやPNGのような画像(ビットマップデータ)ではなくイラストレーターで扱うベクターデータです。 その始まりは1998年と意外に古いのですが、ブラウザ対応が追いついておらず、長い間陽の目を見ることがなかったかわいそうなやつです。 SVGのいいとこ SVGがJPEG等の画像と比べていいなーと思
海外デザインブログWebDesignLedger.comで、スマートフォン用アプリデザインのモックアップ作成に役立つ、無料PhotoshopテンプレートPSD素材をまとめたエントリー「10 Free PSDs for Perspective App Mockups」が公開されていたので、今回はこちらをベースに、個人的に見つけたフリー素材も一緒にご紹介します。 一手間加えるだけで、大手企業が使用しているような、プロ級の仕上がりを体感することができ、デザインが上手くなった気分にもさせてくれます。プレゼンテーション資料などにもオススメしたい、無料デザインアイテムとなっています。 詳細は以下から。 �遠近法で表現する、アプリ用モックアップ作成PSDキットまとめ Perspective App Screen Mock-Up 5 半透明ガラスをモチーフに、遠近感たっぷりで描かれた、モックアップ用テンプ
こんにちは、デザイナーのトミーです。 デザイナーのみなさんは日々、さまざまなサイトからインスピレーションを受けたり情報収集をしているかと思います。その中でも海外サイトの情報は新しいものが多く、お気に入りのサイトが見つかると嬉しいものです。 今回は、普段僕が�見ているwebデザイナー向けの海外サイトをご紹介します。ひとつでもお気に入りのサイトがあると幸いです。 もっぱらGoogle翻訳ですが、便利です。chromeのGoogle翻訳プラグインを入れて、サクッとトレンドをキャッチしてみましょう。むしろ海外のサイトは言い回しがストレートなので学びやすいですよ! ジャンルごとの参考サイト デザイン編 Abduzeedo Design Inspiration http://abduzeedo.com/ デザインに関するカテゴリー(サイト上ではCOLLECTIONS)が充実したサイトAbduzeedo
お使いのOS・ブラウザでは、本サイトを適切に閲覧できない可能性があります。最新のブラウザをご利用ください。
※iPhone、iPad、iPad Plus、iPad AirおよびiPad miniは米国その他の国々で登録されたApple Inc.の商標です。 ※App Storeは、 Apple Inc.のサービスマークです。 ※Android、Google、Google Play、Nexus は、Google Inc.の商標です。 ※Galaxyは、Samsung Electronics Co., Ltd.の商標または登録商標です。 ※Xperiaは、Sony Mobile Communications ABの商標または登録商標です。 ※AQUOSは、シャープ株式会社の商標または登録商標です。 ※Bluetooth®ワードマークおよびロゴは Bluetooth SIG, Inc.の所有であり、 サンスター株式会社はライセンスに基づきこのマークを使用しています。 主な仕様 大人用 こども用 G·U
分離派の夏 VI 2018 LIPS BI 2018 PKSHA Technology CI 2017 polca BI 2017 VONGO & ANCHOR BI 2016 ANRI CI 2016 poweredby.tokyo BI 2016 BLINDMAN VI 2016 CAPESON VI 2015 MERY BI 2015 WATA MEGUMI VI 2014 TOKYO RECORDINGS CI 2014 3MINUTE CI 2014 SPINCOASTER CI 2014 MONOPO CI 2014 ADSR VI 2014 N.O.R.K. VI 2013 CREATTY CI 2012 A DESIGNER / Art Director focused on CI & BI DESIGN タカヤ・オオタ 沖縄県沖縄市生まれ。立教大学経営学部卒業。ストーリー
デザインを0から全て考えつくのは難しい。ぼくは元々グラフィックデザインを中心にやってきたから、ウェブデザインを始めてから特にそう感じる。ウェブ上で何ができて、何ができないのか、完全に把握していない中では、既存のイケてるサイトを参考にしながらサイト構成を考えるのが最も効率が良いと思う。 今回は、ぼくがウェブデザインをするときに参考にしているウェブデザインギャラリーを整理がてらまとめてみようと思う。古風であまりオシャレでないウェブサイトを集めたギャラリーサイトは完全に除いている。 1. 今風のレスポンシブ・ウェブデザインサイトだけをまとめた「RWD JP」 レスポンシブ・ウェブデザインのサイトのみを集めたギャラリーサイト「Responsive Web Design Japan」。各サイトのサムネイル画像が①モバイル ②タブレット ③PC の3パターンとも表示されており、とても参考にしやすい。も
こんにちは。デザイナーの藤田です。 「石の上にも3年」と言いますが、私のWebデザイナーとしてのキャリアもついに2年目が終わり、3年目を迎えようとしております。 日々学ぶ事が多く、とても3年程度で大成するような業種ではないですね(どの業種にも言えることだとは思いますが)。 そんな私がデザイナー1年生だった頃を振り返ると「手っ取り早くデザインが上達しないかなー」なんてよく考えておりました。 そこで今回は、私の経験から最も手っ取り早くデザインが上達する「トレース(模写)」の方法をご紹介いたします。 なぜトレースがデザインの上達につながるのか? なぜトレースがデザインの上達につながるのか、自分なりに考えてみました。 「デザインは細部に宿る」と言われますが、その細部に気付く 「デザインの引き出しが増える」 「自分の悪い所が解る」←これが一番重要! などなど、良いことがたくさんあります。 まずはカッ
こんにちは。デザイナーの佐藤タカアキ(@sato_tkaaki)です。 最近、愛犬を飼いはじめてから、早く家に帰りたい日々を送っています。 そのためには仕事の効率化が必要不可欠。今回は残業なしで帰るためのワークフローについて書きたいと思います。 さて、Webデザイナーの皆さんは普段どんなツールを利用していますか? 好みによってさまざまかと思うのですが、DreamweaverはCreative Cloud 2015になって、マルチデバイス対応サイト制作に便利な機能がたくさん追加されたそうです。 そこで今回はAdobe Creative Cloudで使えるサービスを活かして、サイトの制作ワークフロー別に作業効率化を図る方法をまとめてみました! 1. ワイヤーフレームをサクッと制作しよう 最近では便利なワイヤーフレーム作成ツールが増えてきましたが、それでもまだまだこんな風に面倒なことが多いですよ
こんにちは、デザイナーのみやです。 僕の地元では電車のドアは手で開閉します。襖のように左右に手で開けるのですが、未だにこの癖が残っていてたまに手を持っていかれます。 ところでデザイナーの皆さんは、どのようにウェブデザインを勉強していますか? 僕は最近、ウェブサイトのトレースを始めました。 トレースとは、実際のウェブサイトをキャプチャしてその上から全く同じサイトを作っていく作業のことになります。 実際に手を動かしながらサイト構造やトンマナを学べるため、非常に効果的な勉強法です! 今回はこのトレースを効率良くおこなうためのツールをご紹介します。 ウェブサイトの勉強で何をすればいいか分からない方や、なかなか時間が取れない方などにおすすめです! Google Chrome拡張機能 サイトのキャプチャに便利な『Awesome Screenshot』 https://chrome.google.com
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く