無料で商用利用可なフリーアイコン素材サイト13選【デザイナー厳選】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの花ちゃんです！ Webサイトのデザインをしていると、アイコンを取り入れる場面がよくあると思います。アイコンには文字だけではわかりにくい情報を、ユーザーに対して直感的に素早く伝える効果があります。また、モチーフを簡略化しているので、限られたスペースでもしっかりその機能を果たしてくれます。 今回は、Webサイトはもちろん、図版や資料作成にも欠かせない、無料で使えるアイコン素材サイトをテイスト別にまとめてみました！ 独学でつまずいていませんか？ Illustratorの使い方を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2
ウェブデザインの基本原則からPhotoshopの実践的なテクニックまでが学べる無料のeBook -Pixel Perfect Precision
思わず、これ無料なの？！というくらいの充実した内容、そして美しいレイアウトで構成されたウェブデザインのテクニックが学べるeBookを紹介します。 ウェブデザイナーをはじめ、ディレクター・アートディレクターなどウェブデザインに携わる全ての人に役立つと思います。 iBookにも対応 内容は、簡単に言うとノンデザイナーズブック（Amazonで見る）のウェブに特化した感じで、完璧な精度のピクセルにどのようにデザインするかがテーマになっています。 ページ数は全部で165ページ、配置の基本原則、可読性を考慮したテキスト、カラーマネジメントなどをはじめ、ファイルの効率的な管理方法、Photoshopでのウェブに最適な初期設定、レイヤー管理、Illustratorのウェブで使える実践的なテクニックなど、満載の内容になっています。 テキストは英語ですが、各ページキャプチャ付きなので、デザインの知識が多少あれ
「原作リスペクトなくオリジナルが通らないから自分の味を出そうとする脚本はやばい」原作ありアニメ化の闇を語る…特定作品名を浮かべる流れも
神野オキナ @OKina001 小説屋デス Foreign followers, I like to make sure that I'm not an illustrator nor cartoonist. I'm just a novelist. 宣伝も流れます。HP okina.razor.jp okina.razor.jp
｢色｣に課金…Adobe上のPantoneの色、月15ドルで阿鼻叫喚2022.11.07 12:0051,753 Jody Serrano - Gizmodo US ［原文］ （ 福田ミホ ） 当たり前だったものがまたひとつ、当たり前じゃなくなった。 Adobeのデザイン系ソフトウェアを使ってる方々には今、困ったことが起きてます。Adobe Creative Suite、つまりPhotoshopやIllustrator、InDesignといったソフトウェアの中で、ある種の｢色｣が有料になり、月15ドル（約2,200円）かかることになったんです（年間だと90ドル≒約1万3000円に割り引かれますが、それにしても）。しかもその｢色｣というのは、特殊な色とかじゃなくて、業界標準になってるPantoneのライブラリで指定した色、なんです。 色ってたとえば｢赤｣といってもいろんな色味がありますが、P
両親が不仲だった自分語り
02/13 23:36 追記ちょこっとしました。 床屋勤務だった父に、美容院勤務だった母はハワイ旅行中に出会い結婚したらしい。 物心がついたころにはもう父と母は不仲だった。父は仕事を休みがちで、私が小学生低学年の頃にはもう職場を転々としていたのを覚えている。 一つの職場に留まらず、職場を変えるものだからもちろん給料も上がらない。父と母は夜な夜な電話口や居間で喧嘩していた。 それは深夜だった時もあるし明け方の時もあった。長いことアパート住まいで横にも上にも寝ている家があるのに家に居る母は金切り声を上げていた。 でもほとんどがお金の問題で、まだ小学生の自分にはできることが無いことが分かっていたので家の手伝いをして、3歳年下の妹の面倒をよく見た。 父が仕事から帰ってくるとき帰りは母の車の迎えを頼んでいた。母はまだ小学生の私と幼い妹を乗せて車で最寄り駅まで父を迎えに行く。 その車の中でもお金の話で
資料や配布物のデザインは悩みどころですが、「早く帰りたい人は利用してさくっと仕事を終えて帰宅しましょう」ということで、「フキダシデザイン」の作者であるTopeconHeroesのダーヤマさんが無料で商用利用も可能なピクトグラムを公開しています。「ピクトグラムはほとんどの場合、公共交通機関や、バリアフリーなどの標識に使われるため、雰囲気が真面目なものが多く、やや面白みに欠けるので、くだらないポーズなど多めにバリエーションを増やしていく事にしました」とのことで、ピンポイントすぎるピクトグラムの内容は、見ているだけでも楽しめます。 human pictogram 2.0 (無料人物 ピクトグラム素材 2.0) http://pictogram2.com/ トップページにはカテゴリ分けされていないピクトグラムがずらっと表示されており、ページ下部のボタンから「どんなピクトグラムがあるのか？」というこ
エムスタジオでは、ホームページ制作などに役立つアイコンやボタン、イラスト素材を全てフリー（無料）で配布しています。 また、制作元となったIllustrator、Photoshopの元データも無料配布しておりますので、お使いのホームページに合わせて色の変更やサイズの変更など、再加工もカンタンです。 さらに、商用利用も可能ですのでウエブクリエーターの方やホームページ制作デザイナーの方などにも幅広くお使いいただけます。 使用許可等の面倒な手続きやコピーライトの表記は必要ありませんので、是非ホームページ制作・ブログ制作・チラシ制作・カタログ制作などにお役立てください。 はじめての方へ 『ご利用規約』
この記事は、無理しない働き方をテーマに「人事評価を無難にスルーする方法」について解説しています。「人事評価がいつも憂鬱…」「執着もないけど無難にやってほしい」「自己評価の仕方がわからない・・」こんな方におすすめです。 READ MORE
Photoshop担当者も唖然？？「もう高い更新料は払わない！」無料でここまで出来るフリーの画像編集ソフト:Ｂｌｏｇ紹介しちゃいます。 - livedoor Blog（ブログ）
あまり知識が無いと言うか、面倒と言うか、画像編集にはWindows標準の「ペイント」を使っている訳なんですが、いつもお世話になっている「ホームページを作る人のネタ帳さん」の記事を見て、ペイントを使っている事に<良い意味で>ショックを受けました。<笑> ・今度こそフリーの画像編集ソフト『GIMP』をマスターしようという人の為のまとめ*ホームページを作る人のネタ帳: 無料でもPhotoshop並の機能がある画像編集ソフトがあるもんなんですね〜。 面倒な操作が多いので敬遠していましたけど・・面白い写真をも作れますし、ブログの事を考えると必要な時期なのかもしれません。 他にも色々な画像編集ツールを発見しましたんで「Photoshop並に高性能」をテーマに、紹介したいと思います。画像編集ソフトは高い！なんて、愚痴っている人には必見かもしれませんよ。 と言う訳で、詳しくはこんな感じで、、、、、、、、
#マンガでわかるUnity 第1話「Unity ってなあに？」 - マンガでわかるUnity
Webデザイナーを目指す普通の大学生、わかばちゃん。今日が提出期限のレポートがあるようですが……！？ Unityってなあに？ Unity *1 とは、米国カリフォルニア州サンフランシスコに本社を置く Unity Technologies 社が開発しているゲームエンジンです。 2005年に WWDC: Worldwide Developer Conference *2 でバージョン 1.0 が発表されて以来、幾度となくバージョンアップが重ねられ、2018年7月時点で 2018.2 が最新バージョンとしてリリースされています。 ▼これがUnityの操作画面だ Unityの活用事例 Unity で作られたゲームにはどのようなものがあるのでしょうか。 一例を挙げてみます。 Super Mario Run (Nintendo) Pokémon Go (Niantic) 白猫プロジェクト (コロプラ)
調べたところ良いまとめ記事が見つかりませんでしたので、よく聞くサービスを中心にフリラボでまとめました。もし、他にもこんな良いサービスあるよと要望があればTwitter又ははてぶコメントで教えてください！ （※必ず記載するとは限りません） カッシー フリーランス・クリエイター支援を2012年から始めましたが、この10年でかなりサービスは充実した印象です。実際に僕の身の回りで使われているサービスから気になるサービスまで一気にまとめました。ぜひご覧ください〜！ 注意）仕事紹介エージェント系は広告費の影響が大きいのと、実際どれだけ案件があるのか利用してみないと分からないことから、品質を担保できないためこの記事では主に紹介はしません。 【この記事を書いた人】 フリーランス・クリエイターの駆け込み寺 株式会社クリエイティブユニバース 樫本祐輝（カッシー@strive） 1985年生まれ 岡山出身大阪在
6月2日、Google、Microsoft、Yahoo!の検索大手3社が協力して、構造化データマークアップの標準化に乗り出しました。 長期的な最終目標は、幅広いフォーマットのサポートとしているようですが、まずはHTML5のMicrodataに集中するようです。 Microdataが新しいWebの歴史の礎の1つとなるかもしれません。 以前にも「MicrodataとMicroformatsの違いについて」取り上げましたが、今回は実際にMicrodataでどうなるのか、ご紹介致します。 Microdataとは何か？ マークアップ言語であるHTMLは「見出し(h1,h2,h3... )」「段落(p)」「リスト(ul,ol,li)」などの文章構造を示すことができても、「人の名前」「肩書き」「地域」などを示すことができません。 それらをHTMLでメタデータとして追加する方法のひとつとして、HTML5の
デザインスタジオであるSTARRYWORKS inc.は、昨年秋からロースター・カフェを開業しました。そのお店の名前に合わせて「Hue」という欧文書体を開発することになった、そのプロセスや開発の裏側を紹介したいと思います。 1. お店のコンセプトは「色で選ぶコーヒー」お店の名前は「Hue Coffee Roaster」といいます。「Hue」（ヒュー）は色相や色味という意味の英語で、コーヒーのメニュー名を産地や豆の品種、焙煎度合などではなく、「色」の名前で表現することでより気軽にさまざまなコーヒーを楽しんでいただくことをコンセプトとしています。 お店のInstagram 私はコーヒーが好きで毎日飲みますが、豆の品種や産地などは詳しくなく覚えられずにいました。以前注文したものが美味しかったからまた飲みたいと思ったり、前回とは違うものに挑戦してみたいと思っても、ややこしい地名などで覚えられず、う
【イラスト・アイコン - 無料素材 ★★★】 - AI・EPSの無料イラストレーター素材なら無料イラスト素材.com
面倒な事前登録は一切不要！無料イラスト素材を簡単ダウンロード♪Illustratorの方でもWord・Excel・Powerpointの方でもご利用いただけます。
落ち着いたパステル系のカラー、同一色相の繊細で美しいグラデーションなど、Material Design, iOS 8, Modern UIなどやフラットなスタイルで使われている最近人気のあるカラーを紹介します。 PhotoshopやIllustrator用のスウォッチもダウンロードできますよ。
PhotoshopやIllustratorを組み合わせて5分でも早く！Fireworks中心に制作している僕のAdobeソフトの使い方 | Webデザインのタネ
一定期間更新がないため広告を表示しています
というわけで、しばらくまとめていなかったまとめ記事を再開し、私は元気ですとアピールしたい。 7月にあつめたブックマークのまとめです。 7月度必須ブクマベスト HTML5 Canvas Cheat Sheet 悩んだけど一応ベストへ。 HTML5 Canvas tagのチートシート。日常的に使うものでもないし、開発者向けになってしまうけど念のため。 OSを選ばないウェブデザイナーのための使えるウェブアプリ15*ホームページを作る人のネタ帳 7月に書いたけどついこの間のようだと思ったら、あんまり記事かいてないからそう思うんだきっと。 ついでにこちらも7月でした。 今日から現場で使えるjQueryのフォーム関連プラグイン15選 iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた スマホアプリ開発者ならブクマしておきたい一品です。 Googl
フリーランスという働き方を辞める事にした。
Web制作の会社も入った事の無い俺が、ひょんな事から独立してから２年。 今月で２年間続けたフリーランスという名の将来性の見えない働き方を辞める事にした。 俺の経験が役に立つかはわからないが誰かの参考になればと願い、記録に残す事にした。 元々俺は、フリーランスになりたくてなったタチでは無く 事情があり半ば強制的に独立の形を取った。 独立当初はTwitterとかFacebookのSNSを駆使して仕事を獲得していた。 今流行りのソーシャル営業ってやつだ。 経験の無い俺が厳しいWeb制作の世界でどうやって生き残ろうか考えた時 今までずっと使っていたインターネットを駆使して営業してやろうと思った。 思惑通り売上は右肩上がりに伸びて行き、食う分には全く困らないぐらい金も手元に入った。 このまま彼女と結婚して、幸せな家庭を築くはず、だった。 元々PhotoshopやIllustratorでデザインを作る
TL;DR 先日名刺の入稿用データを作成していたのですが、印刷物用のデザインは慣れていなかったので結構時間がかかってしまいました。Web 関係の知識だけでは、綺麗な制作物は出来ないと思い、総合的なデザインができるようにデザインの基礎を勉強。今回は Web 関係者も知っておきたい、タイポグラフィやフォントに関する知識をまとめました。また使う機会があるかもしれないので、メモしておきます。 レイアウト 視覚的に明快で上手に配置されたものは読者に好まれます。そういったレイアウトを作るために、余白の使い方や文字や画像配置などの知識をおさらいします。 １．アクティブ・ホワイトスペース 小さなテキストを広い余白に配置すると存在感が増し、視線の滞在時間が長くなります。余白は一見無駄のように見えますが、意図的に配置されていることが多いです。 余白の美 空白により読者のコンテンツの読み進めを制御することができ
「ゲームは課金、マンガはタダという認識が行き渡ってしまった」（田中圭一先生）～「無料公開」「マネタイズ」について再度考える
創作物の公開と「無料と有料」については多くの注目を集めるテーマです。それについての話題のツイートを受けて、田中圭一氏が感「デジタル漫画のマネタイズ」について語りました。１－３巻無料にすれば４巻が売れる、なんてこともあるので、一筋縄ではいかない… ツイートを使わせていただいたアカウントはこちら（※追加は除く） @jp_Illustrator @account_miu @hijziri @yuuriatomo @PasugiUtuho @tatsutlip @keiichisennsei @tosyokanmusume @yanagi_akira @gryphonjapan @mocomusic @KGBGRU @raccoondog_pop @koneko_club @micky1359 @Weyper_Weyper @fuktommy @PLANET_No49 @KurzweilMaste
技育祭は「技術者を育てる」ことを目的としたエンジニアを目指す学生のための日本最大のオンラインカンファレンスです。「技育祭2023【春】」に登壇したのは、元2ちゃんねる管理人のひろゆき氏。エンジニアを目指す学生からの質問に答えました。全5回。2回目は、「ChatGPT」がエンジニアに与える影響について。前回はこちら。 酒を飲んでコードを書ける気はしない ひろゆき氏（以下、ひろゆき）：（コメントを見て）「飲酒しながらプログラミングしているんですけど、ひろゆきさんもされていますか？」ということなんですけど、僕、酒を飲んでプログラムを書いたことはたぶんないですね。 司会者：へぇ、意外ですね。なんでですか？ ひろゆき：もともと、家であまり酒を飲まないのもあるんですけど、脳のバッファー量って超重要じゃないですか。 例えば、コードをバーッと書いている時に、話しかけられたり電話がかかってきたりすると、脳の
macOS Sierra (10.12) で Photoshop CS6 / Illustrator CS6 を使う - TeX Alchemist Online
追記：macOS 10.13 High Sierra でも使えます！ 本日(2017/09/26)，macOS 10.13 High Sierra がリリースされました。本記事で紹介している「偽装フォルダ法」は，High Sierra でも有効なようです。 追記：検証結果 本記事の方法で，Photoshop / Illustrator の CS 3～6 が全て Sierra で使用可能になる模様です。 また，報告（リンク切れ）によると，Flash 関係以外の CS6 アプリは基本的に全て動作するそうです。 Adobe CS6 Master Collection ○ Photoshop CS6 ○ Illustrator CS6 ○ InDesign® CS6 ○ Acrobat® X Pro ○ Dreamweaver® CS6 ○ Fireworks® CS6 ○ Adobe Premi
日本のみなさん、こんにちはぁ！LIGサイトを教科書代わりに使っています、ライターの、のび太です。 今回は、これまでLIGで公開された記事をWeb制作者が見たいもの、学びたい分野別にまとめてみました。ぜひブックマークしておいて、時間があるときに見ておいてくださいね。特にWeb制作者の方は必見だと思います。めっちゃ勉強になること間違いなしっす！ LIGブログ 知りたい分野別リンク集 Sass、Compassを学びたい人 CSSの常識が変わる！「Compass」、基礎から応用まで！ これからSassを始めたい人へ！導入手順をまとめてみた(Dreamweaver対応) 目指せSassマスター！デザイナーがすぐ実践出来る基本テクニック12連発 Compassの設定ファイル「config.rb」の編集方法 Sassを使ったコーディングの強い味方に！便利なextend＆mixin集を作ってみた Sass
LIGデザイナーが厳選！使えるフリーのピクトグラム（ピクトグラフ）まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
（編集部注：2013年12月4日に公開された記事を再編集したものです。 ※無料で商用利用可のところばかりですが、中にはアイコン1個1個でライセンスが違うものやコピーライト記載が必要なものもあるので、ご使用の際には随時ご確認ください。） こんにちは。デザイナーの白浜です。 フラットデザインが流行りなこともあり？最近何かとピクトグラムアイコンを探す機会が増えました。（余裕があれば自作モノも増やしたいところですが！） でも、いつも同じところだとマンネリになりがち……。 他のデザイナーさんはみんなどこみてるんだろう？？とアンケートをとってみたところ……今まで知らなかったところが結構出てきました！ メモがてら、まとめてみたいと思います。 【こちらもおすすめ】 ☞ 質高すぎ！ベクター素材をフリーでダウンロードできるサイトまとめ LIGデザイナーが厳選！使えるフリーのピクトグラムまとめ Endless
ウェブデザインにおけるline-heightについて
ウェブデザインにおけるline-heightってけっこう曲者で、CSSを理解してデザインしないと「空き」の設計が破綻したりコーディングで苦労することになります。FigmaやAdobe XD、Affinity Designerなどのグラフィックアプリでline heightの扱いが異なるので、使うツールの挙動を理解するのも大切です。 ということで、今回はCSSのline-heightについてまとめてみます。 実は調べれば調べるほど奥が深いCSSのline-heightの世界ですが、まずは基礎からまとめていこうと思います。 目次 以下はページ内のセクションへのリンクです。 CSSのline-heightでは文字の上下にスペースができる ウェブで使われるハーフ・レディングとは 印刷とウェブにおけるレディングの違い デザインツールでのline heightの扱いの違い 上下のハーフ・レディングを帳
List Adobe関連 Illustrator Photoshop Fireworks Indesign Acrobat HTML,CSS HTML 文字実体参照 CSS HTML5+CSS3サポートブラウザ Canvas Haml,Sass Haml Sass Vim,Zencoding Vim Zencoding javascript/jQuery javascript jQuery UNIX 正規表現 検証ツール Firebug Chrome Developer Tool ブラウザ関連 Chrome Safari Firefox IE Mac 参考 アプリ・ツール Adobe関連(CS5-CS6) CS5と6のチートシート上げてるけど、adobe製品なら簡単にエクスポートできると思う。例えばfireworksなら、メニューバーから[Fireworks>ショートカット>現在のセット：
未経験Webデザイナーが独学で勉強する方法
Webデザイナーに求められるスキルは、HTML・CSS・JQuery・WordPress・タイポグラフィ・配色・コピーライティングなど多岐に渡ります。より多くの知識・技術を身につけていれば、Webデザイナーとして活躍できるチャンスは増えるでしょう。そこで今回は、これらのスキルを独学で学ぶための方法をご紹介します。 ＜この記事に関連する記事＞ 初心者Webデザイナーの独学におすすめの本10選 グラフィックデザイナーからWebデザイナーに転職するには？ Webデザイナーになるには？未経験のための実践的フロー 目次 Webデザイナーの仕事内容と必要なスキル Webデザインを独学で勉強する方法 独学でWebデザインを学習するときにおすすめのサイト 独学をするときの注意点 まとめ Webデザイナーの仕事内容と必要なスキル 独学で勉強をする前に、Webデザイナーの仕事内容とそれに伴って必要となるスキル
The Free & Open Source Image Editor This is the official website of the GNU Image Manipulation Program (GIMP). GIMP is a cross-platform image editor available for GNU/Linux, macOS, Windows and more operating systems. It is free software, you can change its source code and distribute your changes. Whether you are a graphic designer, photographer, illustrator, or scientist, GIMP provides you with so
DTP Transit （IllustratorやInDesignをはじめとするDTPアプリケーションの操作に関するTipsやお役立ち情報）
2018年4月からサーバーの問題で更新がストップしていましたが、2019年からhttps://dtptransit.design/に引っ越します。 こちらのサイトはそのまま残したままなので、正確には建て増しします。 noteのDTP Transit 別館と3つのチャネルになりますが、改めて、よろしくお願いします。 だんだんと細部に手を入れていきます。
このページでは 16x16, 24x24, 32x32, 48x48, 64x64 の5つの画像を含むマルチアイコンを生成します。 16x16のみ、16x16と32x32の2個、などのアイコンも作成可能です。 入力された画像は指定サイズに拡大縮小されます。 長方形の画像を指定した場合は正方形に変形されます。 透過情報を含むPNG画像も指定可能です。 指定した大きさの画像がアイコン内に作成されます。 16x16の画像のみ作成する場合は16x16に画像を指定して下さい。 32x32の画像のみ作成する場合は32x32に画像を指定して下さい。 同時に複数画像を指定すると、マルチアイコンになります。 16x16と32x32に画像を同時に指定すると2サイズのマルチアイコンになります。 16x16,24x24,32x32,48x48,64x64すべてに同時に画像を指定すると、5サイズのマルチアイコンにな
イラストレーターってほんとに便利だけれど、こんな機能があったらもっといいのに、この作業をもっと素早くできたらいいのに… このサイトでは、そんな不満をお持ちの方に役立つかも知れない、フリーウェアの Adobe Illustrator 用スクリプト（JavaScript）を配付しています。Mac版とWin版、バージョン10・CS・CS2で使える、各種の補助ツールです。(CS3・CS4でもだいたい使えます(確認中・対応予定)) なにぶんフリーウェアなので、「ものすごく便利！」というほどではありませんが、ちょっとだけ、かゆいところに手がとどく感じで、便利だと思います。 他のいろいろなサイトで配布されているIllustrator用プラグインやツールと同じように、ダウンロードしたスクリプトのファイルを特定のフォルダに入れるだけで、機能のひとつとしてメニューから使えるようになります。ぜひ、作業の効率化・
最近、チャリを手に入れた。しかも、新品のやつだ。前にかごもついてて、後ろに荷台もついてる！さらに鍵もついてる至れり尽くせりな優れものだが、どういうわけかチリンチリンがついてないんだ！なんでついてないんだチリンチリン！必要だろチリンチリン！人ごみとかこう、かきわけ、あ、どうも、僕です。 今日は色選びで迷わないための配色の定石パターンについて書こうと思うよ！ その前に色の表現方法の基礎知識についてちょっと勉強しようね！ 色の表現方法 色とは、可視光線の波長の違いによって、 人間の目に存在する細胞が反応し、 脳に伝わって認知する現象のことを言うわけですが、 まあ、そんなめんどいことはおいといて、 色とは「赤」とか「青」とか「緑」とかそういうもののことをいうわけですな。 ちなみに色を識別する細胞は目の中心部分に集中してて、 視野の外周部分の色って実は実際には見えてなくて、 脳が視界を認知する際に補
私はWeb制作会社を経営しており、2023年現在で36歳になります。 28歳の時にWebデザイナーに転職してWeb業界でのキャリアをスタートさせ、32歳で独立しました。 この記事では、私が28歳の時に未経験から独学でWebデザイナーに転職した方法を紹介しています。 効率的な勉強方法や習得すべきスキル、転職活動のコツなど、Webデザイナーを目指している人におすすめの内容になっています。 また、今はWebデザイナーを採用する立場になっているので、「こんな人を採用したい」という視点も加わっています。 28歳（当時）の未経験がWebデザイナーに転職 Webデザイナーになるまでは、Webデザインどころか、デザインの仕事やプログラミング、Web関係の仕事すらやったことがありませんでした。 最初からデザインのセンスがあったわけでもなく、今見るとWebデザインの勉強を始めた頃作ったサイトは酷いものでした…
初めてのiPhoneアプリを7日間で開発しました。 ウェブサイトの企画・制作が本業の僕にとって、アプリの制作はまったくの未経験。そのくせApp storeでリリースするところまで達成できたのは、 アプリ作成に挑む前の「気持ちの作り方」 技術不足を補ってくれるツール この2つのおかげだと思っています。 アプリの制作に挑戦し、途中で挫折してしまう失敗の原因に多いのは、身の丈に合わない難しすぎるアプリを作ろうとしてしまうことです。 僕の場合は、とにかくアプリを完成させることをゴールとして設定。開発期間を短縮してくれそうなツールがあれば利用することをアリとしました。 その結果、わずか1週間で初めてのアプリの制作を終えられたのです。 アプリをApp Storeからリリースしたことが「ある」と「ない」の差は自分にとっては大きく、ゼロから1にできたことへの達成感は今でも心に残っています。（この記事はアプ
※10月4日時点までのまとめです。ツイート引用を多数含むため、長い&読み込みに時間がかかります 9月30日 奥田愛基氏のツイートほかによってこのイラストの存在が広まる 難民の話で、こういうのがFacebookでシェアされてた。あり得ないでしょ。見つけたらFBに報告で。 pic.twitter.com/6dysZdlWCe — 奥田愛基 aka オークダーキ bot (@aki21st) 2015, 9月 30 多くの人がfacebook運営に通報するが、「嫌がらせ行為をご報告いただいた写真を確認したところ、コミュニティ規定に違反するものではありませんでした。」という返事を受け取る。 10月1日 Change.orgにて署名呼びかけが開始。 キャンペーン · シリア難民を侮辱するイラストが「レイシズム」であるとFacebookは認めてください。 · Change.org 10月1日 私 @y
いい歳なのにWebプログラマなんていう仕事をしている。 正確に言えばWeb屋だ。今や絶滅危惧種になったこの職業は、デザインをPhotoshopやIllustratorでちょっと修正するところから、サーバーのファイアウォールの設定をちょっと変更するところまで、Webに関する何でもをこなす便利屋みたいなものだ。 一時は、Web屋みたいな人をフルスタックエンジニアなんて呼んでいた時期もあって、私も格好をつけたい時に便利に使わせてもらっていたけど、ただの銀玉鉄砲をシルバーバレット・オートマチック・モデルガンと呼んでるみたいで、口にする度に気恥ずかしくなってしまい、すぐに言わなくなってしまった。 これは言葉が悪いのではなくて、きっと私がWeb屋で、フルスタックエンジニアではなかったからだと思う。 銀玉鉄砲が、軽いアルミ缶すら撃ち抜けないように、Web屋もまた、ネットワークやサーバー運用の深淵を知らな
似顔絵のコツ（書き方・描き方）Illustratorで簡単に写真からイラストへ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのぺちこです。 さて、去る2014年のクリスマス、LIGではSHIFTBRAINさんと合同でクリスマス企画を実施しました。私は企画にはそんなに直接関わっていないのですが、4名（＋お蔵入り1名）のサンタクロースさんの似顔絵イラストを描き、 特設サイト で使っていただきました。 似顔絵って難しいですよね。でも、Illustratorを日々お使いなら、案外カンタンに作ることができるんですよ。というのを本日はお伝えしにきました。 なんでIllustratorならカンタンなの？ 手描きと比べると、という前提が入るかもしれませんが、個人的には以下のような部分が作りやすさをサポートしてくれていると思います。 パーツごとにやり直しがきく ラインが歪んでも「スムーズツール」を使えば楽にキレイなラインに直せる パーツの位置変更が容易 本人との比較がしやすい 肌や髪色を決めやすい なかには
デザイナー向け！iPhone6対応について
（追記 140919 11:00)iPhone 6 Plusを入手しました 特に対応してないアプリで遊んでみても画像の劣化は問題にならないレベルです（主観だけど） （追記 140920 15:00)iPhone 6でのアプリUIについて別記事たてました みなのもの落ち着け！ iPhone6/6+の発売がいよいよ明日となりました！ 二年ぶりとなる画面サイズの変更に加えて@3xの台頭などもあるので、 慌てている・不安なデザイナー同志に向けて気をつける情報をまとめてみました。 画面解像度 アイコン・スプラッシュ レイアウト対応について ひとまず気にするのはこの辺りの情報！ あとはおまけで便利そうなリンクも載せました これを読んで、幾分かは晴れやかな気持ちで明日を迎えましょう。 それにしても時代はレスポンシブです。 やれやれだぜ。 基本的な情報 画面解像度はこうなってます 端末 解像度 インチ 書
Webサイト、スマホアプリの制作・開発に携わるすべての人に役立つ、200種類以上の有料・無料のデザインツールを紹介します。 定番ツールから最近リリースされた注目のツールまで、便利なツールが揃っています。 Awesome Design Tools -GitHub 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 アクセシビリティのツール アニメーションのツール AR（拡張現実）のツール コラボレーションのツール カラーピッカーのツール デザインのフィードバックツール デザインのハンドオフツール デザインパターンとインスピレーションのツール デザインシステムのツール デザインをコードにするツール エクスペリエンスのモニタリングツール フォントのツール スクリーンショットのツール アイコンのツール イラストのツール 情報アーキテクチャの
もしも私が総理大臣だったら・・・ 政治・経済・ｽﾎﾟｰﾂ・社会・国際・地域・法律について語ります。 ブログ内検索 カレンダー <<1月>> 日 月 火 水 木 金 土 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 ブログテーマ一覧 本日のつぶやき ( 59 ) 仕事術・ネット関連 ( 9 ) 政治・経済 ( 86 ) 国際・社会 ( 238 ) 地域・生活関連 ( 25 ) スポーツ・娯楽 ( 16 ) フリーソフト・ツール ( 0 ) その他 ( 135 ) 最近の記事一覧 Web屋さんのための新年の抱負アイデア24 donnamedia内での人気ランキング 「ニュース」関連の人気サイトランキング（2010年11月） 「コミュニティ」関連の人気サイトランキング（201
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
｢色｣に課金…Adobe上のPantoneの色、月15ドルで阿鼻叫喚
無料ダウンロード可能で商用利用もOKな内容が異様に細かいピクトグラム「human pictogram 2.0」
【icon】商用利用・加工利用可能な無料イラストアイコン素材集 -エムスタジオ-
ごま基地 ｜ 広告 ✕ デザイン ✕ ブログの秘密基地
【2023年版】知るだけで得するフリーランス向けサービスまとめ70選
コーディングとSEOの概念が変わるかもしれない、Microdataについての概要 - kojika17
コーヒー屋を開業するにあたって作った書体の話｜Koji Kimura
最近のUIデザインで使われている同一色相のグラデーションなど、人気のあるカラーのまとめ | コリス
ウェブ制作者のためのベストエントリ33【2010年7月版】
デザインのレベルを上げる！レイアウトやタイポグラフィに関するまとめ - コムテブログ
「ChatGPTの出現でプログラマーの需要はむしろ増えてくる」 ひろゆき氏が説く、これからのエンジニアリングのかたち
Web制作者はブックマーク必須！LIGブログ記事を知りたい分野別にまとめてみました。
web製作者向けチートシートまとめ - CHROMA
GIMP - The GNU Image Manipulation Program
ファビコン favicon.ico を作ろう! リアルタイム 5サイズ版
イラレで便利 for Adobe Illustrator - アドビ・イラストレーターのツール集
色選びでもう迷わない！配色の定石パターン | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
全くの未経験が独学でWEBデザイナーに転職するまで | SHIROMAG
Webデザイナーだけど初めてのiPhoneアプリを7日間で開発した手順
シリア難民中傷イラストの時系列まとめ（10/4まで） - 東京育児日記
ご注文はCIですか？ - megamouthの葬列
保存版！デザインツールの総まとめ -200種類以上の定番ツールから最近リリースされた注目のツールまで
Web屋さんのための新年の抱負アイデア24｜もしも私が総理大臣だったら・・・