どうも、やなぎさわです。やたらクオリティが高い素材サイトを偶然見つけました。質感のある写真素材〜iPhoneなどのモックアップ画像、Photoshopのエフェクト、ブラシ、さらには、Illustratorデータのロゴやテンプレートなどの素材が詰まっているサイトです。 そのサイトの名は「Dealjumbo.com」といいます。有料素材もありますが、無料で配布している素材も多く、デザイナーさんやそうでない方でも資料や、参考イメージなんかに使えると思いますので、そちらをご紹介します。 無料の素材数は、現在約200個あり、どんどん増加しているようです。 では、実際にそのサイト内にはどのような素材があるのか見てみましょう。 ぜひ覗いてほしいサイト「Dealjumbo.com」 TOPページでは、早速素材の値段などがでていますが、無料でゲットできるのは、メニューバーにある、「Freebies」からいけ
2020年のフロントエンドエンジニアの技術スタックの一例
年の瀬なので、私自身が今年利用した技術をベースに技術スタックをまとめてみようと思います。 とはいえ Web Standard といった広い対象から、フレームワークやライブラリまで、粒度の違うものを全て言及するのは無理があるというもの。特に強く言及できるものは個別で説明しつつ、最後に利用する機会がなかったものも最後に記載する形で。 以下常体。 追記: マイナー企業のようなので一応書いておきますが、筆者は本業ではLINE株式会社という組織でいわゆるエンジニアリングマネージャーと言われるような業務とその採用に関わる仕事をしています。 利用した技術一覧 HTML/CSS/JS みたいなことを書いてるとキリがないので、独断と偏見で区分けして適宜漉いています。特に利用する機会が多かったものは太字でピックアップ。 Frontend Language/Platform TypeScript JavaScr
2015年10月22日 Webデザイン 私がまだデザイナーとして働き始めて間もない頃、よく言われた言葉の中に「もっと自由にデザインしてくれていいんだよ！」というものがありました。しばらくはその意味がわからなかったのですが、後になって渡されたワイヤーフレームと自分のデザインを見比べると、何も変わっていないな…と気づくことが多々ありました。今回はそんな、ワイヤーフレームとデザインについて考えてみようと思います。 ↑私が10年以上利用している会計ソフト！ 冒頭でも述べたように、Webデザイナーとしての経験があまりないうちは、どうしても渡されたワイヤーフレームに引っ張られてデザインしてしまうこともあるかと思います。もちろん、ワイヤーフレーム通りのレイアウトが求められることもあるでしょう。しかし、あなたはデザイナーです。指示された通りに動くマウスカーソルではありません。ワイヤーフレームを作るのは、多
達人出版会:技術系電子出版・電子書籍
徹底攻略 応用情報技術者教科書 令和7年度 株式会社わくわくスタディワールド 瀬戸美月 CAE活用のための不確かさの定量化 ガウス過程回帰と実験計画法を用いたサロゲートモデリング 豊則 有擴 はじめてのNeRF・3DGS 基礎から応用までの実践ガイド 岩﨑 謙汰, 﨑山 皓平, 片桐 敬太, 進士 さくら, Aster Pythonライブラリによる因果推論・因果探索［概念と実践］ 因果機械学習の鍵を解く Aleksander Molak(著), 株式会社クイープ(訳) 徹底攻略Java SE 17 Silver問題集［1Z0-825］対応 志賀 澄人 JavaScriptによるプログラミング講座 河村 一樹 データ分析実務スキル検定 シチズン・データサイエンティスト級 公式テキスト 株式会社ピープルドット 「どんくり」で楽しく学ぶ 共通テスト用プログラム表記完全ガイド 兼宗 進, 本多 佑
前口上 もともとこのエントリを書こうと思い立ったのはETech会場はMacだらけ、というid:naoyaさんや他の参加者の報告に刺激されたからだったりするんだけど、中でid:iRSSさんが次のように書いている: 「どうして、この会場はMacユーザーが多いんですか？」と質問したら 「Unixが使えるポータブルだからだよ。」とのお答え。 これは確かにその通りで、とても簡潔な表現なんだけど真実を伝えてはいる。ただ、あまりに簡潔すぎるというかなんというか。まあ誤解はないとは思うけど、Unixであることは別にそれ自体が目的になってしまうわけはないのであって、だから一部のgeekはUnixさわってるだけでしあわせだから、そこの狭いマーケットにうまくはまっただけ、というわけではぜんぜんない。だから市場的なインパクトはないだろうという予想は当を得ていないと私は思う。本当はUnixであることを手段として、そ
「はてブ Windows 8 アプリ」開発から考えた、これからのユーザー体験 マイクロソフト×はてな対談 - はてなニュース
10月26日（金）、マイクロソフトから「Windows 8」が発売されました。これまでのWindowsから大きく変化したWindows 8は、タッチに最適化された新しいユーザーインターフェース（UI）が話題を呼んでいます。はてなはWindowsストアアプリ「はてなブックマーク」を同日にリリース。新OSとアプリについて、はてなのエンジニア＆デザイナーと、日本マイクロソフト UXエバンジェリストの春日井良隆さんが対談しました。記事の終わりには、Windows 8 搭載PCのプレゼントのお知らせも！ （※この記事は日本マイクロソフト株式会社によるPR記事です） ▽ Experience the Power of Windows 11 OS, Computers, & Apps | Microsoft ▽ Microsoft Apps ――本日は、はてなエンジニアのid:nobuokaさん、はてな
We love free icons and icon sets. In the overview below we present 55 more excellent, free and professional icons for desktop and web design. Some of them can be used for both private and commercial projects. You may always use them for free in your private projects. Nevertheless, it is always worth to take a look at the license agreements — they can change from time to time. We love free icons an
LINEスタンプを作ろう |
Sign into Adobe Creative Cloud to access your favorite Creative Cloud apps, services, file management, and more. Log in to start creating.
イラストレーターの使い方～初心者から情報をアップデートしたい中級者以上に向けて～ | DESIGN TREKKER
本サイトの記事は、「動画」に「デザイナーの現場感」を加えて、書籍以上のものを目指して書かれたものです。原則、初心者向けに書かれていますが、最新の機能も必ずいれるようにしていますので、中級者以上にも満足していただけると思います。 Illustrator（イラストレーター）は機能を覚えるというよりも、まずは作りたいものを作ってみるという覚え方が一番効率が良いです。 illustratorでできること ロゴ、アイコン、イラスト、文字組みなどを利用して雑誌の紙面やフライヤー、ポスターなどの平面のデザインをつくることを得意としたソフトです。 一方、よく比較されるPhotoshop（フォトショップ）は写真の加工や合成、色調整など、画像を扱ったデザインを得意とするソフトです。 illustratorとPhotoshopの違いはこちらから
下記のサイトで「You Tubeで見るPhotoshopのチュートリアル」という記事が紹介されていました。YouTubeだけじゃなくてMetacafeの動画もありましたが・・・。 どちらにしろ文章だとわからないことでも動画だと簡単に理解できることもあります。細かい操作の多いPhotoshopやIllustratorなどはこうした動画チュートリアルに向いているかもですね。 » Use YouTube to learn Photoshop: etc: quick links to good stuff 以下、オリジナルの記事を尊重しつつ、内容の紹介というスタンスでいくつかご紹介・・・。 ■ Web 2.0-Style Logo Web2.0サイトでよく見かけるのロゴの作成方法です。光っているようなロゴですね。 ■ PHOTO EFFECT エフェクトの詳細です。どこにでもあるような電車の中の写
【乞食速報】AdobeがPhotoshop CS2、Illustrator CS2などを無料ダウンロード提供中！！いそげえええええ : はちま起稿
AdobeがPhotoshop CS2、Illustrator CS2などを無料開放中。 (アカウント登録必須。登録は無料) ダウンロード可能なソフトは Photoshop CS2、Photoshop Elements 4.0/5.0、Creative Suite 2、GoLive CS2、Illustrator CS2、InCopy CS2、InDesign CS2など ※ただし全て英語版 CS2 Downloads http://www.adobe.com/cfusion/entitlement/index.cfm?e=cs2_downloads ログインしたらガチで全種類インストーラーが揃ってた。 miteru : Adobe CS2 Premium Plus for PC or Mac downloads for free | 9to5Toys - j.mp/V2Hg
Adobeに心底がっかりした
YouTube見てたら、芸人がAdobeの動画作成ソフトで動画作成に挑戦する番組があった。 吉本興業のチャンネルで公開され、動画概要には「提供:Adobe Creative Cloud」の文字。 動画を作ったことのない、むしろPhotoshopもIllustratorも触ったことのない芸人が、四苦八苦して2週間かけて自身のYouTubeチャンネルのOP動画作成に挑戦していた。 出来上がった動画を見て、Adobe玄人芸人が「マジださいっすねwww」「字全部ゴシックwww」「爆ダサやなあwww」って大爆笑する。 ふーんAdobeはそう思ってるんだ。 初心者が頑張って作った初めての作品を馬鹿にして笑い者にしていいと思ってるんだ。そっかあ。 正直、フォトショイラレの使い辛いなって思ってた点と全て繋がった。 Adobeソフトは初心者お断りなんだね。 最初からわかる人上手い人以外は触るなってことなんだ
アイコン作りに特化したチュートリアルの数々！とにかく真似まくった先にオリジナルを作る意識！ | バンクーバーのうぇぶ屋
世の中にあるチュートリアル見まくって、沢山の技術や表現力を得て自分自身のオリジナルへと昇華させようぜ！的な記事を以前書かせて頂いたのですが、この記事を友人にもみてもらい、感想もらったりした結果、中々具体的な作る目的が無いと、チュートリアルとか出さないのが正直な所なのかもしれませんね。「これ、作るぞ！」みたいなやる気というかそういうの。 しかし、色々な人の話しを聞いている中で、以前のチュートリアル記事の中で、アイコンを作るチュートリアルに関して多くの人からコメントを頂きました。「おぉ、アイコンつくるチュートリアルすかー」みたいな。んで、もしかしたら、アイコンという誰しも一度は作ってみようと思う物を通したチュートリアルであれば、結構楽しくスキルアップできるんじゃないかと思った訳です！ アイコンであれば色々なところで必要になるし、ミニマルだろうが、ポータルだろうが、コーポレートだろうが、ECだろ
インフォグラフィックのプロが手がけるエクセル、パワーポイントのテンプレート | ビジュアルシンキング
インフォグラフィックやウェブサイトを手がける海外デザイン・スタジオ「oberhaeuser.info」のエクセル、パワーポイントのテンプレート作成事例を紹介します。 MAGNAGLOBAL EXCEL TEMPLATE [サイトで見る] クライアントは「MAGNA GLOBAL」。 サイトのABOUT USページを見ると、「the strategic global media unit」とあり、コンサルタント業務を行っているようです。 MAGNA GLOBAL メディア向け資料をインフォグラフィック・スタイルにしたい、そしてそれをテンプレート化してあとは自分たちで資料作成をしていきたいという要望に対して、「oberhaeuser.info」が応えた事例です。 クライアント・サイドでクオリティを維持したまま資料作成をしてもらえるようにするには、Illustratorのような専門ソフトではなく
最近はTumblrテーマばかり作っているからめっきりやってないけど、ぼくは5年前くらいから同人誌のデザインを依頼されたら作るという活動をしていて、自分のサイトにも掲載している。 同人誌のデザイン、同人作家さんからデザインやってくださいみたいに依頼されるので、作って納品する。大抵は表紙（表1・表4）。そこで、デザインを考えるときの工程を下記にまとめる。最近紙もののデザインを殆どしてないので、事例が2〜4年前くらいのばかりになった。 同人誌、デザインも含めて自分ですべて作りたいという人にとっては、一番楽しい部分をアウトソーシングしちゃうのかよという感じかもしれない。全部自分でやりたい人は普通にそうすればよいと思う。一方で、デザインが苦手で、誰かに任せたほうがうまくいくと思ったなら、第三者に依頼するという選択肢もある。ぼくは特に営業活動みたいなのをしたことないので、そうやって依頼された案件だけを
改訂版について (5/7/2019公開) この記事は、私がこちらに公開したもの中では最も読まれているようです。そこで、執筆後に気づいたこと、古くなった情報、新しい技術動向などを考慮に入れて改訂をしました。主な変更点は以下の通りです： 新しいセクションの追加 最近の本の紹介 細かな表現の修正 この記事は複数のセクションに分かれていますので、前編から始め、順番にアップデートして行きたいと思います。何かお気付きの点などありましたら、コメント欄、もしくはkonoアットマークucsd.eduにお願いいたします。 はじめに この記事は、可視化の専門家ではない人がコンピュータを使ってデータ可視化を実際に行う場合に必要な、一般的なノウハウをお伝えするシリーズの第一回です。 前編: 効果的なデータ可視化とはどのようなものか？ （本稿） 中編: 分かりにくい可視化を避けるための手法の選択 後編: Part 1
Harmonize colors. Create color schemes. Find HEX codes. Simulate color-blindness. Export into Illustrator, Photoshop and ColRD.com
カテゴリ・ファイル形式・ライセンス別で絞込み可能になっており、自分の好みの使えるベクター形式画像ファイルを見つけることができます。ベクター形式なのでいくらでも縮小拡大が可能になっており、サイトやブログデザインの素材を作る際にはかなりお役立ちです。知っておいて損はないはず。 詳細は以下の通り。 Free Vectors by Vecteezy! http://www.vecteezy.com/ フィルターによる絞り込みは以下から行います。 Gallery http://www.vecteezy.com/gallery なお、Adobe Illustratorなどのベクター形式を扱える高価なソフトウェアを持っていなくても、以下のサイトで一部形式は変換可能です。 Media Convert http://www.media-convert.com/ また、SVG形式であれば以下のフリーソフトで変
Webデザイナーとしてのキャリアを歩み始め1年目。基本的なスキルを学び、業務をひと通りこなせるようになったものの、先輩デザイナーと比べると、差を感じてしまうという方もいるのではないでしょうか？ Webデザイナーはクリエイター系の職種であるため、「センス」が重要視されるシーンが多いです。しかし、“学び”によってスキルアップできるのもまた事実。むしろ、テクノロジーの発展が著しい業界ということから、プロとして仕事を続けるのであれば学び続けなければならないのは宿命かもしれません。 そこで、今回は「Photoshopを使ったデザイン」や「HTMLなどの言語を使ったコーディング」、「Webデザイナーとしてインプットしておきたい情報」に関する30記事をご紹介します。 Photoshopなど、デザインに関する記事10選1.良いデザインって？技術を学ぶ前に知っておきたいデザイン・レイアウトの基本的なこと こ
みなさん、デザインを作るとき、ソフトはIllustratorですか？ Word？PowerPoint？affinity designer？Canva？ デザイナーが教える『誰でも絶対に今すぐデザインがうまくなる』方法をお教えします。 ちなみに、使うソフトはどれでも大丈夫！ あ、そうそう、ぼくの仕事はグラフィックデザイナーのベーコン（@dogdog464646）です 実はもともとデザイン力がある方ではありませんでした。 喋りだったり、企画力だったり、バイトだったりをしながら、なんとかフリーランス生活を10年間食いつないできました。 だから、いまだにコンプレックスがいっぱいあります。 ぼくだって本当は、デザイン力だけで切り開くかっこいいデザイナーになりたかったけどね… でも、それが自分には適正ではなかったんですね、それに気づいてからは違う力を伸ばしはじめましたが・・・しかし、デザインの制作業務
イラストレーター・べつやくれいさんに仕事について聞いてみた「他の人ってちゃんと目標があったりしてすごい」 - りっすん by イーアイデム
イラストレーターであり、デイリーポータルZのライターであり、デイリーポータルZのウェブマスター・林雄司さんと結婚されているべつやくれいさん。夫婦ともに「ネットの有名人」であり、さまざまな活動をリアルでもネット上でもしています。 レーザーカッターでうかれメガネを作る :: デイリーポータルZ そんなべつやくさんは、最初からイラストレーターになったのではなく、OL生活を経てフリーランスとして活動するようになったとのこと。ご自身の社会人生活、仕事、そして“夫婦円満の秘訣”とは？ いろいろなことを質問してみました。 生保の営業、派遣社員を経て、「消去法で」フリーランスへ べつやくさんは、「OL生活などを経て2001年からフリーランスになる」とありましたが、フリーランスになるまでの経緯を教えていただけますか？ 女子美術大学の出身で、付属の中学・高校から通っていて一応ずっと美術的なことをやってきました
2年前に同じ趣旨の記事を書いたが、いろいろ変わったのでまた書いてみよう！ Sketch 3（Mac） + Sketch Mirror（iOS） もう、Sketch以外でデザインするのはイヤだ、と思ってしまうほどパワーのあるデザインツール。ベクターベースのグラフィックツールなので、Adobe Illustratorと近いのだけど、もっと機能が絞られていて、UIデザイン寄り。いろいろと細やかに気がきいていて、好きなところを書ききれない感ある。起動が早い、ファイル保存も早い、数字書く窓でそのまま計算できる、ファイル書き出しするとき1.5倍とか3倍とか自由に拡大縮小できる、実機プレビューがリアルタイムかつ容易。 iPhone実機でデザイン確認するときは、iOSアプリSketch Mirrorでつなげることができる。リアルタイムで変更が見れる。昔はいろいろバグがあったけど、だいぶ安定して安心して使え
更新日: 2017年5月22日公開日: 2017年4月26日全プログラミング初心者に捧ぐ！最初に見ておくべき厳選記事20選 プログラミング学習が日本全体でブームを迎え早数年。今からプログラミングを学んでキャリアチェンジを行いたい。キャリアアップを計りたいなど「今からプログラミングを学んでみたい」と考えている人の数は年々増える一方で学習サービスも乱立しています。 しかし、初心者にとって「プログラミング」と聞くと、なんだか小難しそうで、どうやって勉強したらいいか分かりづらいものがありますよね。そんな方の為に今回は、はてなブックマークが100以上付いた「初心者向け」のプログラミング学習に関する記事を集めました。 全記事に100以上はてなブックマークが付いており、4000ブクマ越えの非常に話題となった記事も紹介しているので楽しんでご覧ください。 プログラミング理解編 まずは「そもそもプログラミング
2014年7月3日 SVG ベクター画像を表示する際とっても便利なSVG。名前を聞いたことのある方も多いのではないでしょうか？SVG自体は10年以上前から存在するのですが、HTML5の普及とともに多くのブラウザーでサポートされるようになり、今年に入ってから徐々に見かける機会が増えてきました。今回はそんなSVGにフォーカスしようと思います。 ↑私が10年以上利用している会計ソフト！ 2014年7月3日 追記：SVGスプライトの書き方について修正＆追記しました。 SVGってなに？ SVG（Scalable Vector Graphics）はIllustratorで作成したようなベクター画像を表示する技術です。Web上で一般的に使われる画像形式であるJPEGやPNGなどのビットマップ形式とは違い、ベクター形式の画像は、拡大縮小しても画質が劣化しません。 Appleがレティナディスプレイを発表して
Python - Perl + Java = ？ はてなブログのデータとパソコン工房のPCを使って「word2vec」で遊んでみた - はてなニュース
統計処理用のマシンを使って、自然言語処理で遊ぼう！ BTOパソコンで有名な「パソコン工房」から「統計処理用のPCを企画しているので、何かできないか」と相談された編集部は、はてなエンジニアと相談して「word2vec」を使って遊んでみることに。はてなブログのデータとかっこいいパソコンを使って、最新の自然言語処理で楽しむ様子をお楽しみください！ 記事の終わりには2TBの外付けHDDが当たるプレゼントのお知らせも。 （※この記事は株式会社ユニットコムによるPR記事です） ―― BTOパソコンのショップ／サイトで有名な「パソコン工房」さんから、以下のような依頼が来ました。 データサイエンティスト向けに、統計処理用に使えるパソコンをいろいろと考えています。なので、何か面白い処理に使って、PR記事にしてほしいんです！ ▽ 【パソコン工房公式サイト】BTOパソコン（PC）の通販 ―― ということで、はて
・その１（No.1～No.20） ←いまここ ・その２（No.21～No.40） ・その３（No.41～） No.1：さよなら絶望先生 「さよなら」の部分がNatsumikan（無料）、「絶望先生」の部分が昭和モダン体（有料）。 No.2：らき☆すた スランプ-DB（有料）。ファイル形式の違いからWindowsでは使用できないようです。このロゴ、ぱっと見はフォント原形のままのようで実は色々といじくってる。 ～追記～ よく見れば文字の骨格そのものはロゴ丸（有料）ですね… ロゴ丸にスランプ（有料）っぽい効果をかけると上のロゴになるようです。 No.3：月姫 金文体（有料）。書体見本はPDFファイルになっているので、フォント紹介ページへのリンクです。 No.4：ARIA Anastasia（無料）。上のロゴはAnastasiaに手を加えているようで、横線の突き出し部分が無くなっている。 No.5
2013年春の新作、Illustratorのチュートリアルをvector tuts+から紹介します。 チュートリアルはステップごと詳しいキャプチャ付きで、英語が苦手な人でも雰囲気は伝わると思います。
ゼロから学べる！プログラミングの無料学習サイト【国内外あわせて20選】 国内外問わず急激に増えている「無料プログラミングを学習サイト」を紹介する記事です。ブラウザ上でコードを入力したり、プログラミングを学ぶための動画を見られるサイトがあります。全て知識ゼロから学ぶことができます。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 プログラム学習に役立つ、無料で使えるプログラミング学習サイトについてご紹介します。 プログラミング初心者が勉強する
Text widget These widgets are displayed because you haven't added any widgets of your own yet. You can do so at Appearance > Widgets in the WordPress settings.
しつもーん。『北米でWEB制作者になりたいです！専門学校に通うお金とか無いんですが、何か良さ気なサイトとかあったら教えてください！』 「なめんなよこの野郎。そんな都合の良いサイトあるわけ…ｺﾞｺﾞｺﾞｺﾞｺﾞ」とかっこよく拒絶するのは簡単なんですが、思えば今や通信学習やらオンラインコースやらと結構色々あるんですね。それどころか、「あぁ、もし僕が今からWEB制作学びますって時に、このサイト見てたらなぁ」なんて思うサイトや記事も正直多いわけです。 もちろん、WEB制作と一概に言っても多岐に渡るのは皆さんご存知の通りかなと。僕も含め、周りのWEB制作者な皆さんの多くは専門学校やら大学やらでWEB制作を学んだ方が多いので、オンラインのソースや教材だけでWEB制作を学ぶとどうなるか、僕にはわかりませんが、多少なりとも羨ましい世の中だと思う部分もあるわけで、今日はそんな今からWEB制作を学ぼうとする人
vectipsで、クールなTipsが紹介されています。illustratorでどんなフォントもスケッチフォントに変える方法ですね。 ↑みたいなフォントが作れます。 1. テキストツールでテキストを入力 2. 塗りと線をなしにする 3. アピアランスパネルで、新規塗りを追加 黒を選択 4. 効果 > スタイライズ > 落書き で以下のように設定 5. 2ptの黒で線を追加 6. 線を選択した状態で 効果 > パスの変形 > ラフ で以下のように設定 以上ですね。 さらに、1クリックでこの効果が適用できるように、グラフィックスタイルパネルで新規グラフィックスタイル登録しておけば、1発で効果を適用できますね。 詳しくは以下からどうぞ。 » Turn Any Font Into a Sketch Font MacのDockを自動的に隠す設定にしてウィンドウが広くなりました☆表示するの好きだったんだ
難しいことをしなくてもイラストは描けます そもそもデザイナーじゃないんで、絵を描くのは難しいんじゃないかなと思っていたり、デザインはするけど、イラストを描くのはきびしい。illustratorでイラストを描いてみたいけど、なんだか難しそう。adobeCCを契約していてPhotoshopは使ってるけど、illustratorはちょっと、ハードルが高そう。と思っていませんか？ そういう人はコンピュータの力を使いましょう。illustratorなら、手書きのように何度も描いたりする必要はありません。どんどん直して調整すればいいんです。昔、習字であとから筆入れして、形を整える裏技使いましたよね？やり直しがきくんです。 illustratorには、ペンで描くような「ペンツール」がありますが、絵心がない人には、一番のハードルになるポイントでしょう。慣れるととても便利なツールなんですが、かなり癖がありま
MopStudio
illustrator, Graphic Designer, Japanese Font Maker Tokyo JAPAN Free fonts, Stock vector illustrations フリーフォント ベクターイラスト素材 絵本
2016 - 04 - 29 【図解で分かる】色彩センスのいらない配色入門 Webデザイン シェアする Bookmark! Facebook Twitter Google+ Pocket Feedly Web制作を生業としていると、ブログを書いている知り合いからこんな声を聞く。あなたもこんな経験ないだろうか。 背景色や文字色をいじるのだけれど、 どうもパッとしない 。 これだ！と思う色を選択して使っているはずなのに、 なかなか思ったようなイメージにならない 。 そもそも センスがない 。 本題に入る前に、最初にひとつ、 伝えておきたいこと がある。「自分にはセンスがないからブログのデザインを考えるなんておこがましい」なんて思っているひとには、特に聞いてほしい。 実はここだけの話だが、Web制作で飯を食っているぼくでさえ、ほんの少し前まではデザインのキホンの「キ」さえ知らなかった。おかげさま
MacBook で Adobe Creative Cloud が動いていたら今すぐ止めろ - ヤルキデナイズド
追記： 2015年4月17日現在の最新バージョンである Creative Cloud 1.9.1.474 では以下の問題は解消されている。 マジで。メニューバーにこの8の字アイコンがあったら即座に終了しろ。常駐を止めても Photoshop や Illustrator の動作に影響はない。（追記： Typekit フォントを利用する場合は常駐させておく必要がある。 thx id:rinrinbell ） こいつの平均エネルギー影響は、アプリケーションが何もしてないように見えるときでも20を超える。 YouTube の動画を再生している最中の Flash Player プラグインのエネルギー影響は12を前後するくらいだから、 Creative Cloud は起動しているだけで動画2本を再生するほどの電力を食っている計算になる。（2014年9月16日追記：バージョン1.7.1.418では平均エ
この記事では、日常行っているWebデザインやグラフィックデザインの制作が格段スピードアップする、便利な最新オンラインツールをまとめてご紹介しています。 カテゴリ分けされたこれらのツールやサービスを利用することで、面倒な作業を自動化し、生産性をアップすることができるでしょう。一度使いはじめると「これなしじゃ考えられない。」、そんな便利ツールが揃います。 コンテンツ目次 1. デザインコレクション 2. イラスト系ライブラリ 3. モックアップツール 4. デザインからコードへの変換ツール 5. プロトタイプツール 6. 生産性アップツール ウェブ制作がすご楽！便利な最新オンラインツールまとめ デザインコレクション SVG Arista このツールはCSSコードを使って、アップロードしたSVGファイルのstrokeとfillプロパティのアニメーションを作成するAnimistaのスピンオフ・プロ
まずはアイコン素材配布サイトから。 今は無料で使えるアイコン素材配布サイトが多いので、ここからダウンロードしてデザインする時に使う人も多いのではないでしょうか。まずはそのアイコン素材配布サイトで”save”と検索した結果を見てきます。 iconmonstr http://iconmonstr.com/ 以前にもMEMOPATCHで紹介した事のあるサイトです。ここはフロッピーディスクもありますがクラウドっぽいアイコンや下向き矢印のアイコンもありますね。 softicons http://www.softicons.com/ こちらはほとんどフロッピーディスクのアイコンです。しかも立体的なアイコンが多いです。 iconfinder http://www.iconfinder.com/ こちらもフロッピーディスクのアイコンが多いですが、下矢印やチェックマークもあります。 次に有名なサービスやアプ
井上のきあさんによるIllustrator初心者用講座
イラレに慣れていない段階の初心者さんが陥りやすい「？」や イラレ独特の癖なんかも教えてくださってます。 2月3日に発売されたご自身の著書「アトリエ」から作例を出して アレンジのやり方なんかもレクチャー。 ついぴくからの引用が多いので少し重いかもしれません。ご了承ください。
10 Unique Uses of Trello Other Than Project Management
Trello is a list lover's delight. Its Kanban-style approach was not meant just for project management. Don't believe us? Maybe you'll believe what the guy behind Trello had to say about the software's intended uses. Some people saw Trello and said, “oh, it’s Kanban boards. For developing software the agile way.” Yeah, it’s that, but it’s also for planning a wedding, for making a list of potential
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【無料・商用可】偶然見つけた素材サイト「Dealjumbo.com」の写真やエフェクトが凄すぎて誰かに教えたくなった
ワイヤーフレーム通りにデザインしてしまうデザイナーさんへ
(ogijunの)あとで書く日記 - あなたがMacを使うべき10の理由
Stock Icons: An Overview | Smashing Magazine
動画で学ぶPhotoshop （27のテクニック） | POP*POP
同人誌の表紙のデザインする工程 - MEMOGRAPHIX
改訂版: プログラマーが効果的な可視化を作成する （前編） - Qiita
ColorJack: Sphere (Color Theory Visualizer)
フリーのベクター形式画像の配布サイト「Vecteezy」 - GIGAZINE
【Webデザイナー必読】PhotoshopやHTMLなどのスキルを劇的に上げられる記事まとめ30選
デザイナーが教える『誰でも絶対に今すぐデザインがうまくなる』方法 | ベーコンさんの世界ブログ
アプリのUIデザインで使っているツール 10選+
全プログラミング初心者に捧ぐ！最初に見ておくべき厳選記事20選
アイコンフォントからSVGへ！より手軽にベクター画像を表示しよう
ごった煮ちゃんぽん 漫画・アニメなどでの使用フォントまとめ
1-4時間で実践できる、Illustratorのさまざまなテクニックを学べるチュートリアルのまとめ
ゼロから学べる！プログラミングの無料学習サイト【国内外あわせて20選】
イラレラボ illustrator-labo – イラレについてのシノゴノ
WEB制作者になりたいと言う人が見ると良さ気な、様々なことを学べるサイト15選！ | バンクーバーのうぇぶ屋
illustratorでどんなフォントもスケッチフォントに変える方法 – creamu
hereticanthem co.,ltd. » Photoshop&Illustratorのチュートリアルまとめ
イラレ-絵心なくても、デザイナーじゃなくてもカンタンに描ける!？ - DESIGN TREKKER
【図解で分かる】色彩センスのいらない配色入門 - Brian'z Imagination
ウェブ制作がすご楽に！便利な最新オンラインツール33個まとめ
保存アイコン＝フロッピーディスクの時代は終わった…？ | Goodpatch Blog